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

Смотрите также:

1. Используйте Pingdom для проверки текущей скорости

Для начала надо измерить размер страницы и скорость, с которой она загружается. Отличным подспорьем в решении этой задачи станет инструментарий сайта Pingdom.com. Рекомендуем вам инструмент Pingdom Website Speed Test для проверки того, с какой скоростью загружаются конкретные страницы вашего сайта.

Проверять разные страницы надо для одного и того же дата-центра.

2. Включаем сжатие gZip

speed-2

Начать следует с максимального сжатия тех файлов, которые можно сжать при помощи инструментов архивации. Так страницы и элементы сайта будут загружаться намного быстрее. Методы включения архивации отличаются в зависимости от того, какие настройки движка и вашего сервера используются сайтом в настоящий момент. Для Apache, к примеру, можно использовать mod_deflate. Если вы используете Litespeed, то для включения компрессии надо активировать соответствующую опцию в панели управления сайтом. Также доступно непосредственное включение HTTP-сжатия в серверах Windows.

3. Включаем кэширование для статического контента

В момент загрузки вашего WordPress-сайта происходит множество скрытых процессов. В частности, выполняются PHP-функции и запросы к MySQL-базе. И в зависимости от работы этих функций и запросов и происходит выполнение конкретных задач.

Использование плагина для кэширования не только сделает загрузку сайта быстрее, но и уменьшит нагрузку на сервер, память и процессор. Есть несколько классных плагинов для кэширования, но отдельно хотелось бы порекомендовать W3 Total Cache. После его установки вы сможете включить кэширование во вкладке Performance → General Settings.

4. Уменьшаем и консолидируем файлы CSS и JavaScript

Чистка от мусорного кода файлов CSS и JavaScript сделает их меньше по размеру и позволит им загружаться и срабатывать намного быстрее. Меньший размер и колчество файлов снижают в свою очередь число запросов к странице. Эти факторы важны для ускорения загрузкии страниц сайта в целом.

Можно уменьшить размер таблицы стилей вручную, используя онлайн-минимизатор для CSS и JavaScript, а также можно поручить эту задачу специальному плагину. Есть такая опция у плагина, упомянутого выше: W3 Total Cache. Но не забывайте провести проверку работоспособности сайта поосле такой минимизаци. Главное – ничего не поломать при такой оптимизации скриптов и файлов.

5. Используем систему доставки контента CDN

Внедрение CDN может существенно ускорить работу вашего веб-ресурса, даже если вы сами не сразу это заметите. При использовании обычного хостинга все файлы хранятся на 1 сервере и к этому же серверу идут все запросы, так что для зарубежных пользователей время между созданием запроса, его выполнением и скачиванием контента на локальный ПК может существенно растягиваться. Чтобы избежать длительных задержек, рекомендуется использовать систему распределенной доставки контента.

CDN распределяет ваши файлы между разными дата-центрами по всему миру. А затем контент берется для загрузки на компьютер пользователя с того сервера, который ближе всего к нему на данный момент. Существуют разные сервисы и системы распределенной доставки контента, например MaxCDN.

Заключение

И вот результат: прирост производительности в 160%

Проделав всего несколько небольших изменений в работе нашего тестового сайта, мы снова "прогоняем" его через инструменты тестирования Pingdom – и получаем уменьшение размера страниц на 222 КБ, снижение запросов к странице до 16 вместо 44 и ускорение загрузки до 386 мс.

Источник: elegantthemes.com

Вам понравился материал?

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

19 комментариев

сначала новые
по рейтингу сначала новые по хронологии

А вот результат wpcafe.org не знаю скрин вложился или нет.

Этот сервис оценивает сайты еще жестче, чем гугл. Но, например, у блога wpcafe по гуглу результат 59/80, а по gtmetrix - вторая проверка 7,5-8,5 секунды.

Ну, как бы очевидно, что статьи покупные. Автор не применил на своем сайте свои же инструкции.

Для сравнения у меня сайт интернет-журнал со слайдером в 100 фоток вверху, практически в самой шапке, плюс на главной до фига статей. И вот сейчас я занялась оптимизацией. По гугл скорость 57/75. Гугл ругается на долгий ответ сервера в 0,74сек. Но сайт не напрямую работает, а через прокси Клауда (Америка), который отдает кеш страниц. Подключила его после жестких брутфорс-атак на сайт. Возможно скоро сниму. Сам мой сервер в Нидерландах. Если на Клауде нет кеша, идет запрос к моему серверу. Если я сейчас сниму, то сайт гораздо прибавит в скорости. А по gtmetrix мой сайт набирает 84/87 ответ 3,5 сек. Ну, собственно говоря мой сайт грузится 2-3,5 секунды для мобил. Дорого конечно, но начинаю оптимизировать. Мне кажется блоги без слайдеров и большого количества записей на главной. Просто обязаны загружаться за 1 сек. Максимум 2.

Ребята, а посоветуйте пожалуйста хостинг, для небольшого интернет-магазина в UA регионе (dnipro-m .ua).

Особенность сайта в том что мне нужны обязательно фотографии в хорошем качестве, на сколько было возможно - урезал фотки, больше не могу сжать, не разрешают.
pagespeed показывает для мобильников 73, для компов 89.

Уже включал всякие сжатия, плагины и т.д., сайт на WP, думаю нужен просто добротный хостинг в ЮА регионе (Киев).

Поставила плагины DB Cache Reloaded Fix, Hyper Cache Extended и EWWW Image Optimizer, но все равно сайт katina-dacha .ru долго грузится и запросов к базе много. Может тема содержит сильно много всяких украшений, которые и тормозят? Как проверить тему на наличие лишних функций?

Виталя

Не знаю... По мне так ставим плагин какой нибудь плагин кеширования (желательно чтобы он умел генерировать статичные страницы и сохранять их) типа W3TC, отдаем их через nginx, включаем HTTP/2, и блог будет летать. А все перечисленное тут - по сути полумеры.

Можно кстати еще в сам код залезть, мне вот очень идея понравилась https://intsystem.org/etc/uskoryaem-wordpress/ в части кешировать разобранные MO файлы в Memcache.

Коллеги, а ну гляньте сайт ( http://what-better.com/ ), по pagespeed insights (67 для компьютеров), хотя я уже прошелся по нескольким форумам, сделал всякую архивацию, оптимизировал htmlcss файлы, поставил W3 Total Cache:
https://developers.google.com/speed/pagespeed/insights/?hl=ru&url=what-better.com&tab=desktop
проверял по тесту: http://tools.pingdom.com/fpt/#!/c3naYc/what-better.com
вообще каждый раз разные результаты, от 2.1 сек до 9 сек, не знаю от чего зависит ....

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

Vyacheslav Andryuschenko

Полезно по теме: чек-лист по ускорению сайта http://mychecklist.ru/expert/speed-up

Very Useful information. Thank you for sharing
it. Thanks http://www.99th.in" rel="nofollow">99th.in

This is Very useful information shared here. I am
really thankful for this. http://www.99th.co.in" rel="nofollow">99th.co.in

Александр Рубцов

Подскажите, как можно реализовать Progressive JPEG в WordPress посредствами плагина? Не могу найти информации ни в наших источниках, ни в зарубежных.

А что именно нужно реализовать?

Александр Рубцов

Чтобы картинки JPEG открывались как progressive (из плохого качества в хорошее), а не как baseine (построчная прогрузка изображения). Вот об этом на Хабре: http://habrahabr.ru/post/165645/

Конструктор Трурль

Если гнать джпег из фотошопа посредством Save for web - просто поставить галочку progressive

chumachkin_m

На самом деле статья в общем и не о чем.

1. Использую gtmetrix.com

2. Можно добавить еще в список mod_expires для контроля кеширования.

3.С плагинами, такими как W3 Total Cache надо быть очень аккуратным, так как возможны конфликты с memcached, varnish или еще какой-то неведомой зверушкой.

4. Если кто знает подскажите, но я не представляю как можно консолидировать файлы из того множества плагинов которые установлены обычно в более менее серьезном сайте на Wordpress.

5. ПО CDN тоже спорно, так как надо точно знать где этот CDN находится, насколько он доступен. К тому же, на сколько я знаю, если вы хотите использовать для контента сайта( картинки), то вам придется раскошелиться.

Александр Михальченко

Для проверки скорости загрузки идеально подходит инструмент от компании добра http://developers.google.com/speed/pagespeed/insights/

Гугл дал результат по главной странице сайта: forexstandard .ru как 60 из 100

после установки и настройке плагина WP Super Cache результат 94 из 100

поэтому считаю, что кэширование является лучшим и наиболее эффективным способом ускорения работы сайта

chumachkin_m

Из аналогичных сервисов есть так же gtmetrix.com

Гугломер далек от идеала, как я заметил. Вернее, измеряет очень странно. Запросто может выставить низкую оценку сайту который грузится быстро и наоборот - показывать высокий результат при реально долгой загрузке.