В данной статье я на примере покажу, как оптимизировать сайт на 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, Просмотров: 1770)
- 21.03.2018 11:07
- 0
- 21.03.2018 11:16
URL сайта покажите.
Хочу посмотреть как он красиво загружается с CSS в подвале.- 3
- 21.03.2018 14:15
Добрый день ссылку писать не буду, на первой картинке и а на последней адрес видно.
- 0
- 23.03.2018 02:13Дипломник
- Регистрация: 25.07.2015
- Сообщений: 201
- Репутация: 27
С css в подвале, сайт может загрузиться изначально без стилей. Обычно оптимизация страдает при использовании конструкторов или универсального шаблона под разные нужды. Если у Вас есть время, то вы можете перекопать все 30 файлов и оставить только используемые стили и соответственно те, которые планируете использовать в дальнейшем, такой же случай и с JS. Нет смысла в неиспользуемом функционале и стилях. А изображения можно подгружать когда они в области видимости.
Кэширование и так вроде стараются все включать, но если есть возможность, то прикрутите CDN вдобавок.
Естественно, на всякий случай оставляете бекапы.
А если нет времени, то отдаем на аутсорс.
А ещё можно стать извращенцем и все картинки пихать в стили, вот это вообще норм.Последний раз редактировалось kraskov; 23.03.2018 в 02:16.
- 0
- 27.03.2018 16:48
Добрый день, столкнулся с следующей проблемой, делал оптимизацию скорости загрузки сайта и пункт Скорость не изменялся в реальном времени, как пункт оптимизация.
Я подумал, что где то допустил ошибку или делаю, что то не то. Перечитал 100500 манулов по данному вопросу в рунете и буржунете, ответа на свой вопрос я не нашел.
Вопрос следующий: Как часто обновляется пункт Скорость в Google Page Speed
Я заменял контент и шаблон главной страницы на <html><head></head><body>123</body></html> - и показатели не изменились. (что говорит о том, что есть некий период обновлений)
Буду крайне признателен в помощи понять периодичность обновлений.- 0
Тэги топика:
Похожие темы
| Темы | Раздел | Ответов | Последний пост |
|---|---|---|---|
Оптимизация и уменьшение скорости загрузки сайта | Другая работа | 4 | 09.05.2016 03:28 |
Как оптимизация картинок влияет на скорость загрузки сайта | Дайджест блогосферы | 8 | 04.12.2013 16:34 |
Увеличение скорости загрузки сайта [Бесплатно] | Web программирование | 14 | 04.02.2013 17:02 |
Сервисы для ускорения скорости загрузки сайта. | Софт, скрипты, сервисы | 6 | 16.07.2012 22:27 |
Методы анализа скорости загрузки страниц сайта | Дайджест блогосферы | 0 | 04.02.2011 01:03 |
---------- addurl adsense avito cpa html proxy radikal woocommerce wordpress youtube zennoposter аккаунт баннер блог быть вконтакт вопрос год гугл деть добавить думать есть ключ контент магазин место может накрутка нужный отзыв оффера парсер партнёрка партнёрская программа первый программа продажа продвижение прокси просто работа работать регистрация рубль сайт сервис скрипт сообщение софт ссылка стать страница тема трафик хороший хостинг цена шаблоны
Тем:
77,590Сообщений:
763,132Пользователей:
30,080Сейчас на сайте:
0 пользователей и 172 гостей
