Google PageSpeed Insights solve issues and get green
Google PageSpeed Insights solve issues and get green
Google PageSpeed оптимізація
Google PageSpeed Insights [1] is a great tool to see how your website perform. In case you got a poor score, here is a series of articles with easy to implement solutions to solve most of the issues.
Google PageSpeed InsightsThis allowed me to go green on the Google PageSpeed Insights [1], going up from a score of 17 on mobile (Fig 1) to 89 (Fig 14), and up from 35 (Fig 3) to 89 on desktop (Fig 16).
Крок 1: оптимізуйте зображення для веб
Це дозволило мені пройти тест Google PageSpeed [1] Оптимізувати зображення [2] на веб-сайті, збільшившись з рахунку 17 на мобільному (Рис. 1) до 51 (Рис. 2), і з 35 (Рис. 3) до 59 на робочому столі (рис. 4).
Оптимізуйте зображення PageSpeed Insights Google DevelopersМасовий процес і оновлення партії зображень за допомогою GIMP [3]
Крок 2. Оптимізація CSS і javascript
Скасуйте JavaScript і CSS, що блокують візуалізацію, у вмісті вище.
Це дозволило мені пройти тест Google PageSpeed [1] Виключити рендеринг-блокування JavaScript і CSS у вмісті вище (разом з кешуванням браузера Leverage [6]) на веб-сайті, збільшившись з 51 на мобільному ( 5) - 72 (Фіг.6), а від 59 (Фіг.7) до 79 на робочому столі (Фіг.8).
Виправити Google PageSpeed Вилучити JavaScript і CSS, що блокують візуалізацію, у вмісті вище
Крок 3. Увімкніть кеш веб-браузера
Плече кешування дозволило мені пройти тест Google PageSpeed [1] Використовувати кешування браузера [5] (разом з усуненням блокування JavaScript і CSS у контенті [4]) на веб-сайті, збільшуючись з рахунку 51 на мобільному (рис. 9) - 72 (рис. 10), а з 59 (рис. 11) до 79 на робочому столі (рис. 12).
Використовуйте кешування браузера PageSpeed Insights Google DevelopersВиправити Google PageSpeed кешування браузера в htaccess [6]
Крок 4. Увімкніть htaccess стиснення
Увімкнення стиснення в htaccess дозволило мені пройти тест Google PageSpeed [1], використовуючи кеш браузера [7] на веб-сайті, збільшившись з рахунку 72 на мобільному (Рис. 13) до 89 (Рис. 14), і з 79 ( Фіг 15) до 89 на робочому столі (Фіг 16).
Виправлення стиснення Google PageSpeed у PHP і htaccess [8]
Читати далі
- Google PageSpeed Insights
- Оптимізуйте зображення PageSpeed Insights Google Developers
- Масовий процес і оновлення партії зображень за допомогою GIMP [3]
- Виправити Google PageSpeed Вилучити JavaScript і CSS, що блокують візуалізацію, у вмісті вище
- Використовуйте кешування браузера PageSpeed Insights Google Developers
- Виправити Google PageSpeed кешування браузера в htaccess [6]
- Оптимізація кодування та розміру передачі текстових активів - Основні основи
- Виправлення стиснення Google PageSpeed у PHP і htaccess [8]
