Как ускорить загрузку сайта

Грустно осознавать, что успешность портала, разделы которого наполнены всевозможной информацией, украшены множеством изображений, доведены до высоких интернет стандартов при помощи java-скриптов, из-за долгой его загрузки в браузере может оказаться под угрозой.

А что можно сделать, если просто жизненно необходим каждый элемент страниц, дорого каждое подобранное с любовью изображение и мил сердцу каждый java-скрипт. Как раз об этом, а точнее о способах оптимизации, ускорения сайта и пойдет сейчас речь.

Эти рекомендации особенно подойдут владельцам сайтов, созданных на основе CMS, поскольку с проблемой медленной загрузки страниц чаще всего сталкиваются именно такие ресурсы. Итак, начнём:

Первый совет. Оптимизация таблиц стилей

Такого рода таблицы очень удобны в использовании и должны присутствовать на всех без исключения площадках. Часто оказывается, особенно в случае использования CMS, что таких таблиц стилей несколько, и браузер, соответственно, для каждой посылает запрос, на что уходит больше времени.

Так что первый совет будет состоять в следующем: все существующие таблицы стилей следует объединять в один файл, по аналогии с доверительным управлением, когда передается вся сумма, а не частями. Более того, полученный таким образом файл можно и нужно оптимизировать. То есть нужно удалить лишние строки, пробелы, сократить информацию о цветах — к примеру, указывать в написании белого цвета или «#ffffff;» более короткое обозначение «#fff;», что в конечном итоге сократит размер полученного файла и сделает  процесс его загрузки быстрее. Подключение таблицы стилей в html-коде страницы лучше делать в области тегов HEAD, то есть вверху.

Второй совет. Оптимизация java-скриптов

При использовании java-скриптов зачастую приходится подключать нужные для их корректной работы библиотеки. Нередко подключение этих библиотек осуществляется непосредственно из файлов сайта, в то время как это можно делать со специализированных сайтов в сети и в более сжатом виде, в частности, с сервисов google.

Помимо этого, коды самих скриптов, как и строчки подключения соответствующих  библиотек для них, в отличие от таблиц стилей, нужно помещать в самом конце страниц портала. Это обусловлено тем, что браузер, встретив java-скрипт на своем пути, останавливает загрузку страницы, пока не произведет полную обработку кода скрипта. Более того, файлы со скриптами, как и в случае с таблицами стилей, тоже лучше объединять. Здесь могут помочь специальные сервисы, выполняющие такие слияние хорошо и быстро. Впрочем, для валютного рынка forex также существуют свои сервисы.

Третий совет. Используйте css-спрайты

Кроме изображений, загружаемых на сайт динамически, к примеру, в процессе  исполнения php-кода, есть ещё много картинок, объявляемых в css файле сайта. Под  каждую из них формируется отдельный запрос.

А если прибегнуть к использованию технологии css-спрайтов большое количество  запросов на картинки заменяется одним единственным. Суть методики состоит в том, что создается только одно изображение, на которое на определенных местах с заранее известными координатами размещается несколько, как правило, до 20, которые раньше грузились поодиночке.

В итоге вместо строк с подключением каждого изображения каждый раз пишется одна и та же строчка с вызовом одной общей с указанием координат местоположения той конкретной картинки, которая необходима в этом месте страницы. Таким образом, число запросов браузера сокращается с 20 до 1!
А если Вам необходимо абонентское обслуживание компьютеров, то заходите по ссылке! Помимо заказа услуг Вы сможете скачать полезные программы из раздела загрузки, которые пригодятся Вам при «танцах с бубнами» над компьютером.

Четвертый совет. Используйте технологию кэширования

Если ваш портал постоянного изменения контента не подразумевает, имеет смысл использование технологии кэширования страниц. Тогда, в случае повторного обращения пользователя к ресурсу, браузер уже не будет по новой посылать запросы на сервер, а просто обратится за информацией в кэш, что заметно сокращает скорость загрузки страниц сайта.

  • Я так до конца и не разобралась с настройкой кеширования. Устанавливала себе W3Total Cash и сначала сайт разогнался с 83 до 90/100 по версии Page Speed, но потом почему-то сайт начал сам себя «атаковать» запросами, создавая повышенную нагрузку на сервер, поэтому пришлось удалить плагин.
    В следующий раз наверное другой плагин для кеширования попробую.
    Чем меня этот привлек, так это тем, что в нем можно оптимизировать все вышеназванное комплексно и отзывы о нем были хорошие, наверняка я допустила какую-то ошибку. Толковые инструкции были только на английском, может быть что-то «криво» перевела.

  • @Елена, попробуйте плагин WP Super Cache, у меня стоит как раз он.
    Там почти все на русском, поэтому будет просто разобраться;)
    Напишите сюда об успехах!

  • а можно просто создать одну простенькую HTML страничку без картинок и будет супер! :))

  • @Юрий, ну зачем же такие крайности))))

  • Вот как… Будем пробовать…

  • @Atamovich, зато грузиться будет быстро. А если серьёзно — спасибо за советы!

  • @Atamovich, Спасибо, попробую!

  • @Юрий, обращайтесь 😉

  • Спасибо за советы. Вот если бы еще подробнее обо всех способах где-нибудь найти, а то многие слова для меня почти «ругательные».

  • @Татьяна, постараюсь все в ближайшем будущем все объяснить 😉 Сейчас только сессия кончится…

  • Эта тема мне интересна ещё и потому, что мой интернет очень медленный.

  • Еще можно прогонять изображения через Smush.it, а CSS через codebeautifier.com.

  • Спасибо, ценная информация 😉

  • Роман Некрасов

    Работает. Спасибо.

  • недавно поставила себе плагин для кеширования, но супер кэш — какой-то другой

  • Аноним

    еще рекомендуют плагин wp-minify который сжимает css и java скрипты. Дает небольшей прирост скорости но у меня изза него некоретно отображается шрифт заголовка. Возможно изза кривизны стилей.

© 2017 Atamovich.ru