Аптымізацыя сайта на WordPress для Google PageSpeed

  1. Памылка "Адкладзеце загрузку схаваных малюнкаў"
  2. Памылка - "Задайце правілы эфектыўнага выкарыстання кэша для статычных аб'ектаў"
  3. Памылкі - "Паменшыце памер кода CSS", "Паменшыце памер кода JavaScript", "Скароціце глыбіню ўкладзенасці...
  4. Памылка - "Наладзьце эфектыўную кадоўку малюнкаў"
  5. Памылка "Скароціце час адказу сервера (час да атрымання першага байта)"
  6. Памылка "Уключыце сціск тэксту"
  7. дадаткова

Хуткасць загрузкі сайта - гэта адзін з фактараў ранжыравання пошукавых сістэм

Хуткасць загрузкі сайта - гэта адзін з фактараў ранжыравання пошукавых сістэм. І чым хутчэй загружаецца сайт - тым лепш.

Праверыць, наколькі хуткі ваш сайт, можна з дапамогай сэрвісу Google PageSpeed ​​Insights .

Добрая хуткасць загрузкі - калі сайт знаходзіцца ў зялёнай зоне.

Памылка "Адкладзеце загрузку схаваных малюнкаў"

Каб паменшыць час да пачатку ўзаемадзеяння з сайтам, Google рэкамендуе выкарыстоўваць прынцып lazy loading для схаваных малюнкаў, то ёсць загружаць іх не адразу, а па меры пракруткі старонкі.

Усталюйце убудова Lazy Load Optimizer , Які дадае ляніва загрузку для малюнкаў WordPress, а таксама для малюнкаў тавараў і катэгорый тавараў WooCommerce.

Памылка - "Задайце правілы эфектыўнага выкарыстання кэша для статычных аб'ектаў"

Часта ўзнікае памылка "Задайце правілы эфектыўнага выкарыстання кэша для статычных аб'ектаў".

Для выпраўлення гэтай памылкі трэба ўставіць наступны код у файл .htaccess (знаходзіцца ў каранёвай дырэкторыі WordPress, яшчэ да яго можна атрымаць доступ з дапамогай плагіна Yoast SEO):

# BEGIN EXPIRES <IfModule mod_expires.c> ExpiresActive On ExpiresDefault "access plus 6 month" ExpiresByType text / css "access plus 6 month" ExpiresByType text / plain "access plus 6 month" ExpiresByType image / gif "access plus 6 month" ExpiresByType image / png "access plus 6 month" ExpiresByType image / jpeg "access plus 6 month" ExpiresByType application / x-javascript "access plus 6 month" ExpiresByType application / javascript "access plus 6 month" ExpiresByType application / x-icon "access plus 6 month "</ IfModule> # END EXPIRES

Калі ў вас стаіць Яндекс.Метрика, ці Google Analytics - то выправіць дадзеную памылку не атрымаецца. Але нічога страшнага, бо дадзеныя сэрвісы не тармозяць працу вашага сайта.

Памылкі - "Паменшыце памер кода CSS", "Паменшыце памер кода JavaScript", "Скароціце глыбіню ўкладзенасці крытычных запытаў", "Ухіліце рэсурсы, блакавальныя адлюстраванне"

Гэтыя памылкі дапаможа выправіць убудова Autoptimize . У наладах ўключаем:

  • Аптымізаваць код HTML
  • Аптымізаваць код JavaScript
  • Аптымізаваць код CSS

Для выпраўлення аб надта "Ухіліце рэсурсы, блакавальныя адлюстраванне" трэба паставіць галачку ў пункце ўбудавальных ўсе CSS:

Такім чынам уся css убудуецца ў пачатак старонкі. Што тычыцца js - убудова збірае ўсе js-файлы ў адзін файл, і загружае яго ў канцы дакумента. Гэта значыць js больш не будзе замінаць загрузцы сайта, што паскорыць адлюстраванне старонкі для карыстальніка.

Памылка "Скароціце глыбіню ўкладзенасці крытычных запытаў" можа ўзнікнуць, калі на сайце выкарыстоўваюцца шрыфты Google fonts. Перайдзіце на ўкладку "Дадаткова" дадзенага плагіна. Там трэба ўсталяваць наладу для Гугл шрыфтоў - Combine and preload in head (fonts load late, but are not render-blocking).

Памылка - "Наладзьце эфектыўную кадоўку малюнкаў"

Каб аптымізаваць выявы, ўсталюйце убудова WP Smush . Гэты убудова аптымізуе ўсе выявы, загружаныя ў Медыя-бібліятэку WordPress.

Калі ёсць выявы, загружаныя з дырэкторыі тэмы, іх прыйдзецца аптымізаваць ўручную.

Добры сайт, на якім можна аптымізаваць карцінкі онлайн - https://tinypng.com/

Памылка "Скароціце час адказу сервера (час да атрымання першага байта)"

Часцей за ўсё з ёй дапамагае змагацца убудова WP Super Cashe . Пасля ўстаноўкі неабходна ў настройках плагіна ўключыць кэшаванне і ўключыць опцыю - "Сціскаць файлы кэша каб паскорыць працу":

Калі гэта не дапамагае, варта задумацца аб змене хостынгу на больш якасны.

Памылка "Уключыце сціск тэксту"

Дадаць да файла .htaccess:

<IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text / html text / plain text / xml application / xml application / xhtml + xml text / css text / javascript application / javascript application / x-javascript </ ifModule>

дадаткова

Cниппет, які дадасць асінхроннага загрузку для скрыптоў, падлучаных праз wp_enqueue_script ():

add_filter ( 'script_loader_tag', 'add_async_attribute', 10, 2); function add_async_attribute ($ tag, $ handle) {if (! is_admin ()) {if ( 'jquery-core' == $ handle) {return $ tag; } Return str_replace ( 'src', 'defer src', $ tag); } Else {return $ tag; }}