Оптимізація швидкості завантаження сторінки з Page Speed від Google
User Rating: / 3
PoorBest 
There are no translations available.

Page Speed Online аналізує вміст веб-сторінки, а потім надає пропозиції для прискорення даної сторінки. Скорочення часу завантаження сторінки можете зменшити кількість відмов та підвищити рівень конверсії.
Всі надані пропозиції мають відповідні пріоритети:
  • Високий пріоритет - пропозиції представляють найбільший потенціал продуктивності при порівняно незначних зусиллях.
  • Середній пріоритет - пропозиції можуть надати дрібні виграші, але вимагають набагато більше роботи для реалізації.
  • Низький пріоритет - пропозиції надають найменший виграш. Ви повинні мати з ними справу лише після того, як обробили зауваження з більш високим пріоритетом.
Спробуємо показати роботу сервісу на прикладах аналізу головної сторінки сайту isearch.kiev.ua. Звичайно ж, що кожен бажаючий зможе і повинен виконати подібний аналіз для сторінок свого сайту.
  • Серед правил високого пріоритету найперше Ви повинні вирішити такі задачі:
    • підібрати масштаб зображень (Serve scaled images),
    • налаштувати кешування для браузера (Leverage browser caching),
    • оптимізувати зображення (Optimize images).
Нижче приведений аналіз зображень, які зменшені в HTML або CSS. Попередньо підігнавши масштаб зображень лише для головної сторінки сайту, вдається зменшити її на 795.6KiB (93% зменшення!).
Приведені нижче хешовані джерела мають короткий час оновлення. Задайте наступним джерелам час хоча б один тиждень для використання в майбутньому:
Оптимізація приведених нижче зображень зменшить загальний їх розмір на 145.5KiB (28% зменшення).
  • Стиснення без втрат http://isearch.kiev.ua/images/stories/semant.jpg збереже 19.4KiB (73% зменшення).
  • Стиснення без втрат http://isearch.kiev.ua/images/stories/kiyv-1.jpg збереже 9.9KiB (73% зменшення).
  • Стиснення без втрат http://isearch.kiev.ua/images/stories/mobile-1.jpg збереже 9.9KiB (74% зменшення)…
  • Серед задач середнього пріоритету Ви повинні вирішити такі:
    • об'єднати зображення в CSS спрайти (Combine images into CSS sprites),
    • мінімізувати JavaScript (Minify JavaScript),
    • затримка розбору JavaScript (Defer parsing of JavaScript)
Наступні зображення на сторінці isearch.kiev.ua можуть бути об’єднані в декілька зображень з використанням спрайтів CSS:
Мінімізація наступних джерел JavaScript зменшує їх розмір на 36.5KiB (12% зменшення):
Звівши до мінімуму кількість JavaScript, необхідних для відображення сторінки, і відклавши розбір непотрібних JavaScript до їх виконання, можна зменшити час початкового завантаження Вашої сторінки. Наприклад, 322KiB коду JavaScript розбираються при ініціалізації завантаження сторінки :
  • http://isearch.kiev.ua/.../jquery-ui-1.7.2.custom.min.js (161.7KiB)
  • http://isearch.kiev.ua/media/system/js/mootools.js (68.2KiB)
  • http://isearch.kiev.ua/.../jquery-1.3.2.min.js (51KiB)
  • http://mc.yandex.ru/metrika/watch.js (15.6KiB)...
  • Серед задач з низьким пріоритетом необхідно виконати наступні:
    • вбудувати малі JavaScript (Inline Small JavaScript),
    • відмінити погані запити (Avoid bad requests),
    • зменшити перенаправлення (Minimize redirects),
    • оптимізувати порядок стилів і сценаріїв (Optimize the order of styles and scripts),
    • віддати перевагу асинхронним ресурсам (Prefer asynchronous resources),
    • мінімізувати CSS (Minify CSS),
    • вказати валідатор кешу (Specify a cache validator),
    • мінімізувати HTML (Minify HTML),
    • видалити рядок запиту від статичних ресурсів (Remove query strings from static resources),
    • задати Vary: заголовок Accept-Encoding (Specify a Vary: Accept-Encoding header)
Наступні зовнішні ресурси мають мале тіло відповіді. Вбудовування відповіді в HTML може зменшити блокування відтворення сторінки. isearch.kiev.ua повинен вбудувати наступні малі ресурси:
Видаліть такі ланцюгові перенаправлення, якщо можливо:
Наступні запити повертають 404/410 відповідей. Або виправте непрацюючі посилання, або видаліть посилання на неіснуючі ресурси:
Джерела з "?" в URL не кешуються деякими кешуючими проксі серверами. Видаліть рядок запиту і перекодуйте параметри в URL для наступних джерел:
Можна продовжити аналіз низько пріоритетних пропозицій, але зупинимось на вже розглянутих, адже кожен може отримати решту їх для своєї власної сторінки.
Є й пропозиції без правил. Але відсутність пропозицій для приведених вище правил уже говорить про хорошу роботу з оптимізації сторінки.
(На основі матеріалів EN: pagespeed.googlelabs.com)
 
>
BookNewsPractice SearchPartnersAbout
Підтримка та дизайн: Могильний С.С. Шаблон: Joomla Templates by BuyHTTP Joomla Hosting