Прежде чем зайти на ваш сайт, посетитель ждет загрузку сайта и если грузится долго, то вероятнее всего он на него больше никогда не зайдет. Как исправить эту проблему в WordPress? Чтобы увеличить скорость WordPress сайта вам нужно использоваться 5 способов, которые будут описаны в этой записи.
Скорость загрузки сайта зависит от разных моментов. Например, какой формат картинок вы загружаете в записи? Стоит ли у вас последняя версия WordPress? Используете ли вы «Читать далее» тег для записей? И другие моменты.
1. Картинки в постах
Каждый пост WordPress, как правило, должен содержать в себе не мало картинок, который помогают читателю воспринять запись. Многие из начинающих блогеров начинают использоваться PNG формат, а нужно JPG.
В чем разница?
PNG — это не сжатый формат, такие картинки как правильно в большой разрешении, четче и могут быть прозрачными. А так же они много весят и тормозят загрузку сайта/записи.
JPG — это формат, который сжимается и при этом очень мало весит. Чем больше сжатия картинки — тем хуже становится ее качество.
Для того, чтобы сжать картинку есть несколько способов:
- Использовать программу для обработки фото, например Photoshop
- Использовать онлайн сервисы по сжатию картинок
Обработка через Photoshop
- Открывает картинку
- После открытия сохраняем её для веб, нажимаем на «Файл» → «Сохранить для Веб» или вы можете нажать Ctrl + Shift + Alt + S и откроется тоже самое
- В открывшемся меню справа сверху (1) выбираете JPEG формат и (2) качество ставите например 60%, это означает, что картинка будет сжата на 40%. (3) При смене качества (%) — меняется размер файла.
Для примера возьму картинку и сделаю небольшой тест. Оригинал версия в формате JPEG весит — 1.17мб. После оптимизации она стала — 739.8кб (такого же формата).
В итоге у нас получается разница в 277.2кб. По сути, не такая большая разница, но если вы пишите пост в котором 5-10 или 20 картинок и каждая из них весит по 2-3мб, то с такой оптимизацией запись станет грузится в разы быстрее.
Так же помните, что я всего лишь уменьшил её на 60%, а можно сделать например 50% и тогда размер картинки станет еще меньеше.
Обработка через онлайн сервисы
Суть этих сервисов такова: вы загружаете картинку и скачиваете сжатую версию. Например, если вы загрузите в формате PNG, то она будет автоматически сжата в JPEG и значительно уменьшится в весе. Ниже представлен список бесплатны сервисов, которые вы можете попробовать прямо сейчас.
2. Используйте тег «Далее»
В визуальном редакторе WordPress есть функция, которая позволяет вам обрезать запись. Например, после первых двух параграфов, вы можете нажать на иконку — Вставить тег "Далее" и статья разделится на две половины.
В общий ленте записей она будет показана до отметки разделения тегом, при переходе на полную запись пользователь увидит полную версию.
3. Обновление WordPress
Никогда не забывайте обновлять текущую версию WordPress. Связано это с двумя основными причинами.
- Если вы долго не обновляли ваш WordPress сайт, то скорее эта версия может иметь баги или дыру в движке, с помощью которой злоумышленники могут получить доступ к сайту. Это не всегда правда, но лучше себя обезопасить и просто нажать кнопку обновления. Как правило, обновления помогают избежать подобных проблем, так как разработчики быстро фиксируют такого рода ошибки.
- Разработчики WordPress стараются сделать свой продукт как можно быстрее, качественнее и надежнее. Поэтому когда вы обновляете WordPress до новой версии, вы получаете не только качественную защиту для вашего ресурса и новые фишки, но так же и оптимизацию скорости работы сайта.
4. Видео
Достаточно часто блогеры напрямую загружают видео на свой блог, а потом пытаюсь показать его своим подписчикам.
Почему это плохо?
Потому что есть такие видео сервисы как Youtube, Vimeo и другие, где вы предотвращаете себе головную боль по поводу кеширования, отображения, быстрой загрузки и без ошибочного воспроизведения видео.
Вам же ведь не нужные такие проблемы? Лучше загрузить видео например на YouTube, взять код вставки на сайт, вставить его в пост — и готово!
5. Используйте пост-пагинацию
Пост-пагинация — это разбивание большой записи на несколько маленьких. Это не значит, что вам нужно будет создавать 3 или 4 новые записи, чтобы разбить таким образом текст — забудьте это.
Для использования пост-пагинации вам понадобится тег: <!—nextpage—> который нужно вводить не в визуальной части редактора, а в «Текст» (как на скриншоте ниже). Тем самым ваша запись будет разделена на несколько частей.
Некоторые некачественные шаблоны не поддерживают эту функцию. Причина в том, что не все разработчики добросовестно пишут темы, поэтому такой функции может и не быть.
Для того, чтобы добавить пост-пагинацию, вам нужно зайти в файл single.php или в content-single.php и вставить слеюдщий код: <?php wp_link_pages(); ?> . Пост-пагинция не будет рабоать, если вы не добавили хотя бы одного тега: <!—nextpage—>.
Вывод
Используя эти простые методы оптимизации — вы можете значительно уменьшить скорость загрузки вашего блога или сайта на WordPress.
А какие способы увеличения скорости загрузки знаете вы?
