В данной статье я на примере покажу, как оптимизировать сайт на Wordpress по правилам PageSpeed Insights.
Нужно понимать, что сайты отличаются от друг друга и одного подходящего ко всем сайтам метода попросту нет. Если у Вас 50 js скриптом и 30 css - то вы врятли сможете соединить их всех в один без конфликтов и проблем с версткой. Поэтому заранее делая сайт обращайте внимание на его оптимизацию.
Перед началом выполнения работ, обязательно сделайте бэкап базы данных и файлов.
Результат перед началом работы:
Оптимизация изображения PageSpeed Insights на Wordpress и в принципе на любому другом сайте.
Я использую 3 способа, но способов значительно больше:
1) Скачивание и обработка изображений на компьютере.
2) Использование Lazy Load загрузку для картинок.
3) Скачивание уже готовых картинок с PageSpeed.
Видео оптимизируйте изображения PageSpeed Insights
Кеширование
Основные пути решения проблемы:
1) Включение кеша путем добавления правила в .htaccess при работе с Apache HTTP-сервером.
2) Включение кеширования на сервере ukraine.com.ua.
3) Кеширование на Wordpress с помощью плагина.
Кеширование видео:
https://www.youtube.com/watch?v=88ci5XbHEa4
Дальше выполняем правило: Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы на Wordpress путем переноса Css файлов в футер и установкой плагина.
Видео Удаление кодов JavaScript и CSS, блокирующий отображение верхней части:
https://www.youtube.com/watch?v=FXn0uxf2gII
Итоговый результат:
Что вы должны извлечь из данного поста:
1. Все сайты оптимизируются по разному в зависимости от ошибок.
2. Делайте бэкапы перед начало работы.
3. Думайте об оптимизации с первых дне работы над созданием сайта.
Пишите с радостью помогу и отвечу на вопросы. Спасибо за внимание с ув. Санин А.А.
PS Если администрация позволит, то я бы включил остальные видео, т.к. там на примере показано, как включить кеш и как перенести JS и CSS скрипты в футер.
Оптимизация скорости загрузки сайта PageSpeed (на примере)
(Ответов: 4, Просмотров: 1536)
- 21.03.2018 12:07
- 0
- 21.03.2018 12:16
URL сайта покажите.
Хочу посмотреть как он красиво загружается с CSS в подвале.- 3
- 21.03.2018 15:15
Добрый день ссылку писать не буду, на первой картинке и а на последней адрес видно.
- 0
- 23.03.2018 03:13Дипломник
- Регистрация: 25.07.2015
- Сообщений: 201
- Репутация: 27
С css в подвале, сайт может загрузиться изначально без стилей. Обычно оптимизация страдает при использовании конструкторов или универсального шаблона под разные нужды. Если у Вас есть время, то вы можете перекопать все 30 файлов и оставить только используемые стили и соответственно те, которые планируете использовать в дальнейшем, такой же случай и с JS. Нет смысла в неиспользуемом функционале и стилях. А изображения можно подгружать когда они в области видимости.
Кэширование и так вроде стараются все включать, но если есть возможность, то прикрутите CDN вдобавок.
Естественно, на всякий случай оставляете бекапы.
А если нет времени, то отдаем на аутсорс.
А ещё можно стать извращенцем и все картинки пихать в стили, вот это вообще норм.Последний раз редактировалось kraskov; 23.03.2018 в 03:16.
- 0
- 27.03.2018 17:48
Добрый день, столкнулся с следующей проблемой, делал оптимизацию скорости загрузки сайта и пункт Скорость не изменялся в реальном времени, как пункт оптимизация.
Я подумал, что где то допустил ошибку или делаю, что то не то. Перечитал 100500 манулов по данному вопросу в рунете и буржунете, ответа на свой вопрос я не нашел.
Вопрос следующий: Как часто обновляется пункт Скорость в Google Page Speed
Я заменял контент и шаблон главной страницы на <html><head></head><body>123</body></html> - и показатели не изменились. (что говорит о том, что есть некий период обновлений)
Буду крайне признателен в помощи понять периодичность обновлений.- 0
Тэги топика:
Похожие темы
| Темы | Раздел | Ответов | Последний пост |
|---|---|---|---|
Оптимизация и уменьшение скорости загрузки сайта | Другая работа | 4 | 09.05.2016 04:28 |
Как оптимизация картинок влияет на скорость загрузки сайта | Дайджест блогосферы | 8 | 04.12.2013 16:34 |
Увеличение скорости загрузки сайта [Бесплатно] | Web программирование | 14 | 04.02.2013 17:02 |
Сервисы для ускорения скорости загрузки сайта. | Софт, скрипты, сервисы | 6 | 16.07.2012 23:27 |
Методы анализа скорости загрузки страниц сайта | Дайджест блогосферы | 0 | 04.02.2011 01:03 |
addurl adsense canon google proxy telegram vkontakte youtube zennoposter аккаунт база бесплатный блог быть витрина вконтакт вопрос данный добавить домен есть купить лицензия магазин можно новый нужный отзыв парсер первый поинтовый понедельник продажа прокси работа работать регистрация сайт сбор сделать сертификат сеть система создание софт список средство ссылка стать статья стоимость тариф тема товар трафик форум хватать цель цена шаблон
Тем:
77,525Сообщений:
762,081Пользователей:
30,078Сейчас на сайте:
0 пользователей и 257 гостей
