Как увеличить скорость загрузки сайта на движке WordPress. Увеличить скорость загрузки сайта wordpress
Как увеличить скорость загрузки страниц сайта WordPress
Здравствуйте дорогие читатели! В этом уроке мы с Вами поговорим о том, как увеличить скорость загрузки страниц сайта на WordPress и снизить нагрузку сайта на сервер.
Я думаю Вы согласитесь, что скорость работы сайта является практически самым важным показателем. Даже если на Вашем сайте самый лучший и полезный контент, но страницы загружаются по 8-10 секунд, то рано или поздно это начнет раздражать посетителей.
А если к этому всему добавить еще и большое количество посетителей сайта, нагрузка на сервер хостинга будет просто огромная.
В случае если Ваш сайт и так быстрый, у вас есть возможность с помощью этого урока разогнать его до скорости света ?
Сразу хочу сказать, что рекомендации по увеличению скорости загрузки сайта о которых мы будем с Вами говорить не единственные, но наиболее результативны, и их под силу сделать каждому!
Как ускорить работу сайта WordPress?
1. Оптимизируйте базу данных сайта WordPress
Оптимизация базы данных является очень важным моментом. Если в Вашей базе данных много «мусора», это создает дополнительную нагрузку на сервер. Очистка от мусорных данных значительно уменьшит нагрузку на хостинг. О том как очистить и оптимизировать базу данных мы говорили в прошлом уроке.
2. Отключите неиспользуемые плагины
Большое количество неиспользуемых плагинов также создает дополнительную нагрузку. Отключите ненужные плагины, и по возможности уменьшите использование ненужных скриптов.
3. Оптимизируйте изображения
Изображения на странице сайта обычно занимают много места и весят больше всего. Чем больше сжато изображение, тем быстрее браузер сможет показать страницу посетителю сайта. Благодаря оптимизации изображений Вы можете значительно улучшить работу веб-ресурса.
Данную ошибку допускают обычно новички, но не сказать о ней нельзя. Скоро я планирую посвятить этому отдельный урок.
4. Используйте нормальный хостинг
Хостинг — место где будет размещен Ваш сайт, и его бесперебойная работа очень важна. От бесплатных хостингов вы ничего хорошего не получите (они могут сойти только для тренировки), а тратится на дорогие не всегда есть смысл. Поэтому рекомендую выбирать оптимальный хостинг, отталкиваясь при этом от потребностей Вашего сайта и финансовых возможностей.
Лично я пользуюсь хостингом ukraine.com.ua. Пользуюсь им уже почти два года без каких-либо нареканий. С плюсов могу отметить низкую цену, надежность и качество предоставляемых услуг (+ круглосуточная поддержка).
5. Сделайте кэширвание сайта
Кэширование способно многократно увеличить скорость загрузки Вашего сайта! О том, что такое кэширование и как настроить кэширование в WordPress Вы можете узнать из прошлых уроков.
С помощью кэширования Вы значительно увеличите скорость загрузки страниц и снизите нагрузку на сервер. Рекомендую к обязательному использованию.
6. С мира по нитке
Для тех кому описанного выше (не дай Бог) оказалось недостаточно, рекомендую следующее:
- Сократите CSS и JavaScript код
- Сократите количество забросов в БД
- Обновите WordPress до последней версии
- Используйте VPS-хостинг
Друзья, желаю Вам большой посещаемости и стабильной работы сайта.
Если у Вас возникли вопросы или хотите поделится опытом решения данной задачи — пишите в комментариях!
learnprosoft.com
Как Увеличить Скорость Загрузки Сайта Wordpress
ускорение сайта
оптимизация скорости сайта
финты вордпресс
скорость загрузки сайта
ускорить сайт
как увеличить скорость загрузки сайта
оптимизация сайта
скорость сайта
сжать изображения
как ускорить загрузку сайта
оптимизация скорости загрузки сайта
Program Optimization (Project Role)
ускоряем сайт
оптимизации сайта
Увеличиваем скорость
увеличить скорость загрузки сайта
продвижение сайтов
как продвинуть сайт в поисковиках
как продвинуть сайт в гугле
курс seo продвижения
курс seo оптимизации
как продвинуть сайт
как продвинуть сайт в Яндекс
search engines optimization
как продвинуть сайт самостоятельно
Оптимизация скорости сайта
ускорение wordpress
ускорение загрузки сайта
Николай Мациевский
скорость работы сайта
ускоряем загрузку сайта в google pagespeed
оптимизировать сайт
как ускорить загрузку сайта в wordpress
ускоряем загрузку wordpress в google pagespeed
включить сжатие
включить кеш брауера
ускорить wordpress
быстродействие сайта
HTML (Programming Language)
Programming Language (Software Genre)
JavaScript (Programming Language)
Cascading Style Sheets (Programming Language)
Web Development (Interest)
вордпресс для чайников
вордпресс шаблоны
вордпресс плагины
федор васильев
премиум тема в подарок
оптимизация изображений
ускорение загрузки страниц
увеличить скорость работы сайта
Как ускорить скорость загрузки сайта
как увеличить загрузку
как увеличить скорость загрузки страниц
программирование
Как увеличить скорость загрузки страниц сайта на WP
ускорить загрузку страниц
скорость загрузки страницы сайта
настройка WP Super Cache
плагин кеширования
плагин WP Super Cache
Super Cache настройка
Загрузка сайта
увеличение скорости
оптимизация сайта ускорение загрузки сайта
fitweb.me
Как увеличить скорость загрузки сайта?
Андрей
«Распределили часть контента (изображения, jQuery) на поддомены, а часть на CDN (cloudflare.com) для сокращения расстояния между сервером и пользователем.» Для сайта плохо - картинки будут привязаны не к сайту, а к CDN. В Яндексе в статистике будете видеть "картинок в индексе - 0".© инфа от яндекса.
Yuri
То есть включили все галочки в настройках оптимизации сайта на хостинге. С заказчика содрали пару сотен баксов. При этом убили такой параметр в заголовке как lastmodified, ибо при включении этих опций он не передается - такова его специфика. Ощущение, что и сайта нету никакого, просто придумали статью и переписали название чекбоксов с хостинга, думая что справит неизгладимое впечатление.Браво, примитивнее статьи не читал, кейс на премию Дарвина!
Александр Поречников
Java - это даже и не близко Java Script
Александр Поречников
Вот Вы пишите, Геннадий, что включили http2 и при этом зачем-то обьединяете ресурсы в один файл, Противоречите сами себе? Или просто не знаете как работает http2. И судя по чеклисту, то меряли ли Вы скорость загрузки после простого включения ганзипа, все остальное это такие тонкости и дебри в которые лезут, когда нужно с 500мс сделать 400мс или от нагрузки сервер подвисает (504 ошибки проскакивают). И выкиньте Апач из связки Апач + Нжиникс (если Вы, конечно, не используете специфические плагины Апача) + совет, держите всю статику на СДН, это очень недорого, а толк от этого огромный, как минимум в снижении нагрузки на процессор
Александр Поречников
а для чего созданы зеркала - слейте СДН с основным доменом и все
Александр Поречников
про качество статьи соглашусь, но про саму концепцию не соглашусь - все пункты мы тестили у себя, но оставили из них меньше половины, остальное или не работает или тот мизер прироста скорости не оправдывает усилий
Gretsay Sergey
Настроили OpCashe, исправьте на OPcache
Yuri
Александр, несомненно, эти опции модуля pagespeed ускоряют сайт, но при выборе хотя бы одной из них на хостинге last-modified не передается, ответ сервера 304 на запрос if-modified-since не отдается, cache conrol -> max-age становится 0.Возмутило не это в статье, возмутило то, что автор пишет такие заумные вещи как они план составляли, как воплощали в жизнь мега СЕО технологии и как потратили на это 60 человекочасов, 60 КАРЛ! То есть с заказчика содрали минимум 500 баксов за то, что поставили галки на хостинге. Не жалко, на здоровье! Ну развел и молчи, но не лезь со своими псевдознаниями на нормальные сайты и не отбирай у людей время! Почему уверен что рулили на хостинге -- вот скрин украинского продвинутого хостера, где порядок этих галок практически на 100% совпадает с гениальным планом автора и ко по ускорению сайта. https://uploads.disquscdn.c...
Александр Поречников
на этом хостинге у нас даже один из старых полустатичных проектов крутится, отличнаый хостинг. По поводу чего Вы высказалась я знаю, но многие не понимают, что на самом деле есть всего несколько способов действительно уменьшить время загрузки, а не "экономия на спичках" - это:0) включение сжатия на веб-сервере (gzip), 1) установка правильных заголовков на сайте2) использование не шаред-хостинга, а пусть даже минимальной ВПСки3) использование более-менее быстрого движка (желательно не Вордпресс, а на фреймворке)4) минификация статичных файлов (то что редко меняется - стили, картинки, скрипты, шрифты)5) кеширование страниц/статики
Остальное все дает очень небольшой прирост или не дает вовсе, а некоторые советы только мешают. Ну и самое главное - сделать все же мобильную версию, т.к. обычно проблема со скоростью загрузки сайта возникает на мобильных устройствах.
Yuri
Согласен с Вами на 100%, благодарю за лаконизм и точность!
Ляпушкин Никита
Тот самый момент когда чувствуются заученные фразы продажника в глаза не видавшего то о чем говорит.Если статья для общего развития - то годится, но не для чек листа или мануала к применению.Только дёргнуть клички технологий и самостоятельно курить тему, рекомендую даже пропускать утверждения приведенные в статье.
Филандер
а что за хостинг?)
Alexey Tyazhelnikov
Что значит "Расширили время кэш для JavaScript и CSS" ?
Алексей
После этой фразы тоже перестал читать.Если бы делали оформление сайта с помощью Java-технологий, они бы в принципе не загрузились бы :)
Yuri
Включили последнюю и предпоследнюю галочку на хостинге (пост со скрином выше) )))
Геннадий Федоров
Да, так и сделали!Извините, Вы не компетентны в этом вопросе.
Геннадий Федоров
Спасибо!Комплекс работ - дает результат.
Геннадий Федоров
Тут все просто!Кто выбирает простые решения, тот ничего не платит!
Геннадий Федоров
Тут Вы не правы...
Геннадий Федоров
Такая и была задача, дать толчок к действиям, а не расписать как необходимо делать
Геннадий Федоров
Спасибо за комментарий!Признаю, все объединили до перехода на https/http2 ))Да, скорость после gzip мерили, не тот результат (не всем угодишь)...
Геннадий Федоров
Вот Вы как спецы судите... посмотрите это со стороны пользователя ))
Геннадий Федоров
Ваш комментарий вообще непонятен
Александр Поречников
пользователи обычно не настраивают сервер, не программируют и не создают продукты, то что можно создать "бложик/сайт" на вордпрессе человеку без знаний - это несомненно хорошо, но если у такого человека возникнут вопросы, то ему все равно придется столкнутся с PHP, JavaScript, Nginx, Apache и прочими ранее незнакомыми словами и в этом обычно помогает гугл, поэтому "легкая безграмотность" в терминах приведет к тому, что человек будет искать что-то похожее на "слайдер на Java" и удивлятся что ему какой-то JavaScript подсовывают в результатах. Поэтому взывать к стороне пользователя не стоит
Александр Поречников
часто проблема не в том что скорость повышается от всех манипуляций (пусть даже если и на 0,1%), а в том, что мы не видим других путей оптимизации (CDN, nginx) и не понимаем как это работает (http2) и в результате оптимизируем то что нет смысла оптимизировать и забываем о том что следовало бы оптимизировать или как добится максимального результата при своей оптимизации.
serpstat.com
Топ-10 советов о том, как увеличить скорость загрузки страницы / Хабр
Я думаю ни для кого не секрет, что скорость загрузки страницы влияет на множество факторов. Если кто-то не в курсе, то вкратце скажу следующее, что скорость загрузки влияет не только на то, дождется ли посетитель, когда загрузится Ваш сайт, но и на SEO оптимизацию. Ведь на сегодняшний день уже многие поисковые системы при ранжировании сайтов, начали учитывать скорость загрузки страницы. Поэтому чем быстрее будет грузиться Ваш сайт, тем больше посетителей Вы можете получить с поисковых систем, а, следовательно, и больше денег на этом заработать.Поэтому в этой статья я решил собрать топ-10 советов о том, как же можно увеличить скорость загрузки веб-странички и сайта в целом. Статья не претендует на гениальность и рассчитана на новичков.
Итак, поехали:
1. Уменьшите количество HTTP-запросов
80% загрузки страницы ориентировано на загрузку компонентов страницы: скриптов, фотографий, файлов CSS, flash. Спецификация HTTP/1.1 советует, чтобы браузеры параллельно загружали не более 2-х компонентов веб-страницы с одного хоста. Уменьшив количество этих компонентов мы уменьшаем количество HTTP-запросов к серверу и как результат увеличиваем скорость загрузки страницы.
Но как уменьшить количество запросов к серверу не затрагивая внешний вид страницы?
На самом деле есть несколько способ.
- Использование CSS-спрайтов. CSS-спрайт – это комбинированное изображение, которое содержит в себе несколько маленьких изображений, которые в нужный момент для нужного элемента страницы вырезаются используя свойства: background-image и background-position.
- Использование Inline-картинок. Inline-картинки используют URL-схему data: для встраивания картинки в саму страницу. Это, однако, увеличит размер HTML-документа. Встраивая inline-картинки в ваши таблицы стилей вы добьетесь уменьшения запросов к серверу, а размер HTML останется прежним.
- Объединение нескольких файлов в один. Если у Вас на страничке подключается больше одного css- или js-файла, то Вы можете объединить их в один. Это очень простой, но действенный способ уменьшения количества http-запросов на сервер. О том, как это делать на лету я писал в своей заметке здесь «Разгони свой сайт. Статическое сжатие css- и js- файлов на лету»
2. Помещайте CSS файлы в начале страницы
Помещая подключение к css файлам в хедере страницы мы получаем постепенный рендеринг страницы, т.е. страница будет загружаться постепенно — сначала заголовок, потом лого наверху, навигация и т.д. – а это в свою очередь служит отличным индикатором загрузки страницы для пользователя и улучшает общее впечатление от сайта.
Если размещать CSS файлы внизу страницы, то это не позволяет многим браузерам рендерить страницу постепенно. Это объясняется тем, что браузер «не хочет» перерисовывать элементы, у которых после загрузки страницы может измениться стиль. Так что все свои CSS файлы всегда подключайте в верхней части страницы в секции HEAD.
3. Помещайте javascript в конец страницы
Помещая javascript-файлы вниз страницы мы позволяем браузеру загрузить страницу с контентом в первую очередь, а уже потом начать загрузку javascript-файлов. Если же Ваш сайт идет в ногу со временем и содержит все возможные интерактивные «примочки», то этих javascript-файлов может быть несколько и весить они могут несколько сотен килобайт, поэтому перед загрузкой страницы заставлять пользователя ждать пока загрузятся все Ваши javascipt-файлы губительно.
Кроме того, внешние .js-файлы блокируют параллельную загрузку. Спецификация HTTP/1.1 советует, чтобы браузеры параллельно загружали не более 2-х компонентов веб-страницы с одного хоста. Таким образом, если картинки для вашего сайта располагаются на разных хостах, вы получите более 2-х параллельных загрузок. А когда загружается скрипт, браузер не будет начинать никаких других загрузок, даже с других хостов.
4. Минимизируйте css и javascript
Минимизация файла — это удаление из кода всех несущественных символов с целью уменьшения объема файла и ускорения его загрузки. В минимизированном файле удаляются все комментарии и незначащие пробелы, переносы строк, символы табуляции. Здесь все просто. Чем меньше объем файла, тем меньше времени понадобится браузеру на его загрузку. А минимизировать Ваш код помогут вот эти 24 онлайн-сервиса для сжатия и оптимизации CSS кода5. Используйте поддомены для параллельного скачивания
Как я уже говорил Выше, согласно спецификации HTTP/1.1 на браузеры накладываются ограничения на количество одновременно загружаемых компонентов сайта, а именно не более 2-х компонентов с одного хоста. Поэтому если на Вашем сайте много графики, то ее лучше вынести на отдельный поддомен или поддомены. Для Вас это будет один и тот же сервер, а для браузера – разные. Чем больше поддоменов Вы создадите, тем больше файлов браузер сможет одновременно загрузить и тем быстрее загрузится вся страница сайта. Вам остается лишь изменить адрес картинок на новый. Очень простой, но действенный способ.
6. Используйте кэш браузера
Кеширование становится крайне важным для современных веб-сайтов, которые используют обширное подключение JavaScript и CSS. Дело в том, что когда посетитель зашел на Ваш сайт в первый раз, то браузер выполнит загрузку всех javascript и css-файлов, также загрузит всю графику и флэш, однако правильно выставив HTTP-заголовок Expires, вы сделаете компоненты страницы кешируемыми. Таким образом, когда посетитель зайдет на Ваш сайт снова или перейдет на следующую страницу Вашего сайта, в кэше его браузера уже будут находится некоторые нужные файлы и браузеру не потребуется загружать их снова. Отсюда и выигрыш в скорости загрузки сайта.
Поэтому выставляйте HTTP-заголовок Expires везде, где только это возможно, на несколько дней или даже месяцев вперед. Для того, чтобы веб-сервер Apache отдавал соответствующие рекомендациям HTTP-заголовки Expires, необходимо добавить в файл .htaccess, находящийся в корневой папке сайта, следующие строки:
<IfModule mod_expires.c> Header append Cache-Control "public" FileETag MTime Size ExpiresActive On ExpiresDefault "access plus 0 minutes" ExpiresByType image/ico "access plus 1 years" ExpiresByType text/css "access plus 1 years" ExpiresByType text/javascript "access plus 1 years" ExpiresByType image/gif "access plus 1 years" ExpiresByType image/jpg "access plus 1 years" ExpiresByType image/jpeg "access plus 1 years" ExpiresByType image/bmp "access plus 1 years" ExpiresByType image/png "access plus 1 years" </IfModule> Данный фрагмент файла конфигурации Веб-сервера Apache проверяет наличие модуля mod_expires и, если модуль mod_expires доступен, включает отдачу HTTP-заголовков Expires, которые устанавливают срок хранения перечисленных выше объектов в кэше браузеров и прокси-серверов равный одному году с момента первой загрузки. Установив такой срок жизни кэша браузера, может возникнуть сложность с обновлением файлов. Поэтому если Вы изменили содержимое css или javascript-файла и хотите, чтобы эти изменения обновились в кэше браузера, то необходимо изменить название самого файла. Обычно в название файла добавляют его версию, например так: styles.v1.css7. Используйте CDN для загрузки популярных JavaScript библиотек
Если на Вашем сайте используется популярный javascript фреймворк, например jQuery, то для его подключения лучше использовать CDN.
CDN (Content Delivery Network) — это множество веб-серверов, разнесенных географически для достижения максимальной скорости отдачи контента клиенту. Сервер, который непосредственно будет отдавать контент пользователю, выбирается на основании некоторых показателей. Например, выбирается сервер с наименьшим числом промежуточных хопов до него либо с наименьшим временем отклика. Кроме того браузер кэширует javascript-файлы, и если Вы посещали сайты на котором используется такой метод, то эта библиотека уже есть в кэше Вашего браузера, и он не будет загружать её снова.
Одним из таких CDN – является Google Libraries. Это CDN для популярных open-source JavaScript библиотек. Загрузка популярных javascript фреймверков с Google Libraries позволяет увеличить скорость загрузки страницы и снизит траффик на ваш сервер.
О том как загружать jQuery с репозитория Google я писал вот в этой заметке «Увеличиваем скорость загрузки страницы загружая jQuery с репозитория Google».
8. Оптимизируйте ваши изображения
Необходимо определять подходящий формат для ваших изображений. Выбор неверного формата изображения, может существенно увеличить размер файла.
- GIF – идеально подходят для изображений с несколькими цветами, например логотип.
- JPEG – отлично подходят для детализированых изображений с большим количеством цветов, такие как фотографии.
- PNG – ваш выбор, когда вам нужно высококачественное изображение с прозрачностью.
Вот несколько онлайн сервисов для оптимизации изображений:
9. Не масштабируйте изображения
Не изменяйте размер изображения при помощи атрибутов width и height тега , либо при помощи CSS. Это тоже негативно влияет на скорость загрузки страницы. Если у Вас есть изображение размером 500x500px, а вставить на сайт Вы хотите изображение с размером 100x100px, то лучше изменить размер оригинальной картинки при помощи графического редактора Photoshop, или любого другого. Чем меньший вес картинки, тем меньше времени потребуется для её загрузки.
10. Используйте Gzip- сжатие
Как показали проведенные исследования, gzip-сжатие текстового файла «на лету» в 95–98% случаев позволяет сократить время на передачу файла браузеру. Если хранить архивированные копии файлов на сервере (в памяти proxy-сервера или просто на диске), то соединение в общем случае удается освободить в 3-4 раза быстрее.
Начиная с версии протокола HTTP/1.1, веб-клиенты указывают, какие типы сжатия они поддерживают, устанавливая заголовок Accept-Encoding в HTTP-запросе.
Accept-Encoding: gzip, deflate
Если веб-сервер видит такой заголовок в запросе, он может применить сжатие ответа одним из методов, перечисленных клиентом. При выдаче ответа посредством заголовка Content-Encoding сервер уведомляет клиента о том, каким методом сжимался ответ.
Content-Encoding: gzip
Переданные таким образом данные меньше первоначальных примерно в 5 раз, и это существенно ускоряет их доставку. Однако здесь есть один недостаток: увеличивается нагрузка на веб-сервер. Но вопрос с сервером всегда можно решить. Так что не будем обращать на это внимание.
Для того, чтобы включить GZIP-сжатие на своем сайте, необходимо в файле .htaccess прописать следующие строки кода:
<IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE text/css <IfModule mod_setenvif.c> BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html </IfModule> </IfModule>Если данный способ сработал, то отлично, если нет, то можно попробовать вот такой вот код:
<IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/javascript text/css application/x-javascript BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4.0[678] no-gzip BrowserMatch bMSIE !no-gzip !gzip-only-text/html <ifmodule mod_gzip.c> mod_gzip_on Yes mod_gzip_item_include file \.js$ mod_gzip_item_include file \.css$ </ifmodule> </IfModule>Но опять таки, данный код работает не на всех серверах, поэтому лучше обратиться в службу поддержки Вашего хостинг-провайдера и уточнить этот вопрос.
Ну вот собственно и все, что я хотел рассказать. В данной статье я постарался перечислить все основные способы клиентской оптимизации для увеличения скорости загрузки веб-страницы. Кроме клиентской оптимизации существует еще и серверная оптимизация. Но это уже тема для отдельной статьи.
Если что-то упустил или у Вас есть, что добавить – пишите свое мнение в комментариях ниже к этому посту. Спасибо за внимание!
habr.com
Как увеличить скорость загрузки сайта на движке WordPress
Как увеличить скорость загрузки сайта на движке WordPressСегодня мы поговорим о том, как увеличить скорость загрузки сайта (блога) на движке WordPress. Собственно можно выделить три способа увеличения скорости загрузки сайта:
- Покупка более "скоростного" хостинга;
- Уменьшение размера страниц, например за счет оптимизации изображений;
- Применение плагинов, ускоряющих загрузку сайта.
Первый способ является самым затратным, поэтому вряд ли подойдет новичкам. Второй способ необходимо использовать всегда, отдавая предпочтение форматам GIF, JPEG или PNG в зависимости от ситуации. Значительно увеличить загрузку сайта можно за счет применения плагинов, которые кэшируют данные. Об одном из таким плагинов и пойдет речь.
Quick Cache - это плагин, который создает статические страницы WordPress. При обращение к сайту, загружается "готовая к употреблению" статическая страница, т.е. не тратится время на сборку страницы из отдельных составляющих, как это обычно происходит при обращении к динамическому сайту.
Сделаем два шага:
- Установим плагин для WordPress Quick Cache;
- Настроим плагин Quick Cache.
Настройка плагина Quick Cache
Собственно настройка плагина сводиться к тому, что необходимо разрешить кеширование.
Настройка плагина сводиться к тому, что необходимо разрешить кешированиеВсе остальные настройки плагина лучше оставить по умолчанию.
Увеличение скорости загрузки сайта после установки плагина Quick Cache
Давайте посмотрим скорость загрузки сайта www.mukhutdinov.com до и после установки плагина Quick Cache. Для замеров используем сервис ping-admin.ru, благодаря которому можно оценить, на сколько быстро загружается сайт из различных частей мира.
Скорость загрузки сайта до установки плагина Quick Cache:
Скорость загрузки сайта до установки плагина Quick CacheСкорость загрузки сайта после установки плагина Quick Cache:
Скорость загрузки сайта после установки плагина Quick CacheОбратите внимание, что при обращении к сайту с московских серверов, скорость загрузки увеличилась почти в 30 раз.
mukhutdinov.com
Как увеличить скорость загрузки сайта wordress
Привет 👋 Друзья! В этой статье я расскажу как увеличить скорость загрузки сайта WordPress. Скорее всего, вы бы не дождались загрузки этой страницы, если бы она заняла на пару секунд больше и ушли на другой сайт. Но этого не произошло, так как со скоростью загрузки моего блока на WordPress проблем нет. Давайте сделаем так, чтобы и у Вас не было. Итак поехали!
Как увеличить скорость загрузки сайта Wordress
В наше время, больших скоростей интернета, пользователи ожидают, что веб-страницы будут загружаться практически сразу, как только они перейдут по ссылке. Но у многих сайтов, в том числе, работающих на движке WordPress возникают проблемы с «открытием» и они попросту «висят». Замечали такое? Лично я с такими явлениями встречаюсь часто!
Медленная загрузка страниц может стать главной причиной высоких показателей отказов, низкой активности пользователей, потерянных возможностей трафика и брошенных продаж.
Вот некоторые показатели, чтобы оценить ситуацию:
- 47% пользователей ожидают, что страница загрузится менее чем за 2 секунды.
- 40% онлайн-покупателей покидают страницу, если загрузка занимает более 3 секунд.
- Задержка загрузки страницы на 1 секунду может привести к снижению удовлетворенности клиентов на 16%, конверсии на 7% и снижению количества переходов на страницы на 11%.
Более того, сайты e-commerce связывают быструю загрузку с увеличением доходов, и наоборот.
Задача ясна: вашим сайтам нужно супербыстро загружаться, чтобы поддерживать внимание аудитории и привлекать новую, избегать высокого показателя отказов и не допускать брошенных продаж.
Ускорение сайта на WordPress
Если у вас сайт на движке WordPress, есть множество простых и эффективных методов, которые можно начать использовать уже сегодня, чтобы значительно увеличить скорость загрузки сайта.
Сетки и float-свойство вместо вложенных таблиц
Как ни удивительно, многие веб-сайты продолжают использовать вложенные таблицы, несмотря на их негативное влияние на скорость загрузки страниц. Вот как выглядит код вложенной таблицы:
<table>
<table>
………
</table>
</table>
Такой код даёт дополнительную нагрузку на браузер, задерживая полную загрузку контента. Вместо этого используйте структуру без вложенных таблиц следующим образом:
<table>…</table>
<table>…</table>
Что ещё важнее, используйте плавающие данные и сетки для повышения скорости загрузки. Вот базовый пример:
<h2>Basic float example</h2>
<img src=»https://www.examplesite.com/files/image.jpg» alt=»image anchor text»>
<p> Sample text </p>
<p> Sample text </p>
Уменьшение числа HTTP-запросов
Веб-страница состоит из нескольких компонентов — таблиц стилей, компонентов Flash, изображений, скриптов и т. д. Чтобы обеспечить содержательный опыт, вам стоит остановить выбор на процессе оптимизации PageSpeed Insights.
Чем больше количество элементов на странице, тем больше для каждого из них делается HTTP-запросов, что приводит к увеличению продолжительности времени загрузки страницы, а это может навредить конверсиям. По оценкам Yahoo, почти 80% времени загрузки страницы приходится на загрузку различных элементов страницы.
- Используйте инструмент для проверки HTTP-запросов, чтобы узнать, сколько запросов делает страница.
- К счастью, можно уменьшить число HTTP-запросов, не разрушая веб-дизайн. Вот как:
- Комбинируйте файлы: используйте скрипты и внешние таблицы стилей (но не более одного сценария и файла CSS).
- Карты изображений. Используйте смежные изображения вместо нескольких блоков изображения, чтобы уменьшить количество HTTP-запросов.
CSS-спрайты: объедините несколько изображений в спрайт и обращайтесь к спрайту вместо отдельного изображения. Когда спрайт содержит изображения с внутренних страниц, время их загрузки сокращается, потому что контент уже загружен до того, как пользователь обратился к нему.
Делайте небольшие блоки Javascript встроенными
Конвертируйте изображения в Base64 с помощью кодировщика; он преобразует изображение в код, не допуская HTTP-запроса.
Постраничные комментарии
Самые популярные посты, возможно, загружаются медленнее всех — из-за сотен комментариев на странице. Блокировать комментарии нельзя, потому что они завязывают беседы и привлекают ссылки на сайт.
Что с ними делать? WordPress предлагает очень умное решение — разбить поток комментариев по страницам.
В панели инструментов перейдите в «Настройки». В разделе «Другие настройки комментариев» можно настроить параметры того, сколько комментариев отображается на странице и какая страница отображается под статьей.
Обновление WordPress до новейшей версии PHP
Обновлять сайт каждый раз, когда выходит новая версия PHP, может быть немного утомительно. Но это стоит времени и усилий. Те же самые скрипты могут работать на 25-30% быстрее на новых версиях PHP; представьте, насколько уменьшится время загрузки сайта после обновления.
PHPClasses опубликовала обширное экспериментальное исследование, в котором подчеркивалось, что скрипты выполняются значительно быстрее на PHP 7.1 по сравнению с предыдущими версиями.
Gzip-сжатие
Если вы пользуетесь инструментом PageSpeed Insights от Google для быстрого анализа веб-страниц, вероятно, вы найдёте там рекомендации по использованию Gzip-сжатия. Это сжатие позволяет веб-серверам сжимать тяжелые элементы контента веб-сайта.
Сжатие настолько эффективно, что может уменьшить размер страницы до 30-40% от её начального размера. Скоростные показатели из-за этого могут увеличиться в три-четыре раза по сравнению с предыдущими.
Для многих веб-мастеров установка плагина сжатия Gzip по-прежнему является лучшим вариантом. Плагин W3 Total Cache, помимо всех своих замечательных функций, также предлагает сжатие HTTP.
Другие варианты:
Спросить у своего хостинга, предлагает ли он Gzip-сжатие.
Вручную включить Gzip-сжатие через .htaccess (это руководство Kinsta объясняет, как это сделать)
Реклама и всплывающие окна не должны испортить UX
Часто владельцы сайтов используют всплывающие окна хотя бы в какой-то форме для оптимизации конверсий. Это может быть выгодно с точки зрения стратегии монетизации сайта, однако поп-апы могут нанести значительный ущерб с точки зрения скорости загрузки страницы.
Чтобы взять всё под контроль и добиться идеального баланса, необходимо изучить сторонние скрипты, запущенные на сайте, их источники и работу.
Website Speed Test от Pingdom тщательно анализирует каждый файл и скрипт на странице. Этот инструмент подскажет, загрузка какого скрипта отнимает больше всего времени.
Оценивайте эффективность всплывающих окон; покончите с неработающими всплывающими плагинами — они только замедляют страницу. OptinMonster — один из самых надежных плагинов для всплывающих окон, помогающий оптимизировать конверсии без потери скорости.
Плагин кэширования для WordPress
Плагины кэширования могут стать спасением и увеличить скорость загрузки сайта wordress. Эти плагины создают статичные копии содержимого веб-страницы и вместо того, чтобы делать запросы в базу данных и ждать ответа, используют эти копии, чтобы сразу показать контент посетителю. Поскольку страница, как правило, не обновляется ежедневно, кэширование будет очень полезно почти для всех страниц.
Среди множества плагинов для кэширования, которые можно использовать, WOT Cache Plugin пользуется большим доверием и популярностью.
Среди его многочисленных функций:
- Объединение файлов CSS и Javascript.
- Оптимизация мощности кэширования страниц и кэширования браузера.
- Применение отложенной загрузки для значительного улучшения времени загрузки страницы.
- Помощь в оптимизации базы данных и удаление строк запроса из файлов CSS/Javascript.
- Сохранение большой пропускной способности путём уменьшения размеров файлов веб-страниц.
Бонус: Помощь хостера
Имеет смысл перейти на выделенный хостинг, чтобы сайт всегда получал все ресурсы, которые ему необходимо загружать, одновременно. Узнайте у хостера, какую помощь он может оказать в улучшении работы сайта.
Большинство хостеров готово предложить свои технические знания, чтобы помочь клиенту улучшить скорости сайта. Это в свою очередь приносит пользу и самому хостеру, так как снижается нагрузка на его серверы.
Отдельно попросите совета по оптимизации скорости мобильного сайта, потому что на мобильных устройствах последствия медленной загрузки гораздо тяжелее.
Заключительное слово
Надеюсь теперь Вам понятно как увеличить скорость загрузки сайта Wordress. Увеличение скорости загрузки веб-страницы на несколько миллисекунд приведёт к десяткам процентов улучшения трафика и коэффициента конверсии.
Начните с этих простых и практичных советов, большинство из которых приведет к почти немедленному улучшению скорости загрузки страницы для сайта.
Обучение продвижению сайтов
Более подробно о том, как выводить сайты в ТОП 10 поисковых систем Яндекс и Google, я рассказываю на своих онлайн-уроках по SEO-оптимизации (смотри видео ниже). Все свои интернет-проекты я вывел на посещаемость более 1000 человек в сутки и могу научить этому Вас. Кому интересно обращайтесь!
На этом сегодня всё, всем удачи и до новых встреч!
hozyindachi.ru
Как увеличить скорость загрузки сайта на Wordpress?
За право оказаться на первой странице выдачи поисковых машин борются миллиона сайтов. Поисковики стремятся к тому, чтобы в первой десятке были самые лучшие сайты, которые максимально полезны пользователю.
Одним из важных параметров, влияющих на появление вашего сайта в заветной первой десятке, является высокая скорость загрузки сайта. Конечно, данный параметр срабатывает при прочих равных, т.е. предполагается, что у вас уже отличный, уникальный контент, который действительно полезен пользователю.
Увеличение скорости загрузки дает Вам неоспоримое преимущество, так как такой сайт нравится не только обычным пользователям Интернета, но и собственно поисковые системы.
Итак, чтобы увеличить скорость загрузки страниц на движке WordPress, нужно сделать следующие действия: оптимизировать картинки, минифицировать скрипты и стили и настроить кэширование страницы.
Прежде чем рассмотреть эти процедуры более подробно, напомним, что протестировать скорость можно на бесплатном сервисе от компании Google — PageSpeed Insights.
Также, во избежание каких-либо поломок на вашем сайте, рекомендуется сделать резервную копию вашего сайта.
Оптимизация картинок
Самое простое с чего можно начать улучшать скорость загрузки — это оптимизировать картинки, а именно — сжать их без потери качества. Такое сжатие обеспечивает более быструю загрузку картинки.
Представьте, что вы разместили на своем сайте изображение размером 8мб. У пользователя, который попал на ваш сайт через поиск, в случае медленного соединения с интернетом, для загрузки страницы с этой картинкой может потребоваться несколько минут. Поэтому вероятность того, что данный пользователь покинет ваш сайт довольно высока. Собственно это обстоятельство и диктует необходимость оптимизировать все изображения на вашем сайте.
Существует, как минимум, два способа сжать картинки.
Первый способ — ручной, с использованием онлайн сервисов, таких как TinyPNG, Optimizilla, Compressor.io. После загрузки изображений, данные сервисы предлагают скачать архив из обработанных изображений.
Второй способ состоит в использовании плагинов WordPress: Kraken Image Optimizer, Imagify Image Optimizer, EWWW Image Optimizer. Для решения нашей задачи достаточно установить один из этих плагинов, и после небольшой настройки, плагин автоматически будет сжимать изображения уже при загрузке в альбом.
Минификация скриптов и стилей
Когда пользователь посещает вашу страницу, ему через браузер выдается HTML-код, который был сформирован на сервере с использованием языка PHP. В некоторых случаях, интерпретатор PHP не требуется, так как код HTML может быть статичным.
Для отображения дизайна страницы браузер загружает файл стилей (как правило, style.css), а для придания интерактивности элементам сайта, используются скрипты на языке JavaScript. В первоначальном виде, когда программисты разрабатывают стили и скрипты, они пишутся так, чтобы в дальнейшем другие программисты или сам программист мог читать и вносить изменения в эти файлы. Т.е. указанные файлы содержат большое количество символов пробела, возврата каретки и перевода строки.
Так вот, данные символы, при обработке информации браузером не играют никакой роли, и соответственно, если избавиться от них, то можно существенно увеличить скорость загрузки страницы.
Для решения задач по минификации, мы можем воспользоваться одним популярных плагинов Autoptimize или WP-Rocket.
Кэширование страницы
Простой запрос пользователя к странице запускает целую цепочку сложных вычислений на сервере. Самые базовые задачи из них — это сделать запрос к базе данных в MySQL и собрать информацию в виде какого-то блока на сайте для отображения на экране пользователя.
Кэширование позволяет сохранить результаты запроса и это дает нам еще один способ увеличить скорость загрузки страницы. Кэш сбрасывается и формируется новый, если результаты запроса будут отличаться от предыдущего.
Наиболее популярными плагинами для кэширования страниц, в данный момент являются WP Super Cache и W3 Total Cache.
lantana-studio.ru
