Кароткае кіраўніцтва па Google Page Speed

1. Ўвядзенне ў Google Page Speed
2. Аналіз сайта з дапамогай Google Page Speed
3. Аптымізацыя сайта з дапамогай Google Page Speed
4. заключэнне

Зусім нядаўна кампанія Google заявіла, што ў бліжэйшы час хуткасць загрузкі старонак стане адным з важных крытэрыяў ранжыраванні сайтаў. У дадзеным выпадку пад хуткасцю разумеецца не колькасць мегабайт у секунду, а шырокі набор параметраў канфігурацыі Вэб-сервера і CMS сайта, ад якіх залежыць час аддачы старонак. Для ацэнкі і аптымізацыі кожнага з такіх параметраў спецыялісты Google прапанавалі выкарыстоўваць інструмент Google Page Speed, якому і прысвечана дадзеная артыкул.

Ўвядзенне ў Google Page Speed

Google Page Speed - дадатак да Mozilla Firefox (З устаноўленым дадаткам Firebug ), З дапамогай якога можна вызначыць параметры прадукцыйнасці Вэб-сервера і CMS размешчанага на ім сайта. Ацэнка выконваецца з пункту гледжання аптымальных метадаў павышэння хуткасці аддачы старонак Вэб-серверам (Web Performance Best Practices).

У дадзеным выпадку гаворка ідзе пра такія метады, як:
1. Аптымізацыя кэшавання: аптымізацыя кэшавання статычных аб'ектаў сайта (CSS, скрыптоў на JavaScript і малюнкаў) як браўзэрамі, так і проксі-серверамі;
2. Памяншэнне round-trip times (RTT): скарачэнне колькасці DNS-запытаў і HTTP-рэдырэкт; аб'яднанне файлаў, якія змяшчаюць скрыпты на JavaScript; аб'яднанне файлаў, содержащик CSS; парадкаванне файлаў, якія змяшчаюць CSS і скрыпты на JavaScript, а таксама ўбудаваных скрыптоў на JavaScript; выкарыстанне чатырох-пяці Вэб-сервераў для забеспячэння параллелельной загрузкі кампанентаў старонак;
3. Памяншэнне памеру запытаў: памяншэнне памеру cookie's; загрузка статычных аб'ектаў з даменаў, якія не выкарыстоўваюць cookie's;
4. Памяншэнне памеру адказаў: выкарыстанне Gzip-кампрэсіі; выдаленне спасылак на невыкарыстоўваныя CSS; кампактнае напісанне кода JavaScript; кампактнае напісанне CSS; затрымка загрузкі кода на JavaScript, які запускаецца не адразу пасля загрузкі старонкі; аптымізацыя малюнкаў; выкарыстанне унікальных URL для ўсіх кампанентаў старонак з мэтай зніжэння RTT;
5. Аптымізацыя рэндэрынгу старонак браўзэрам: адмова ад неэфектыўных CSS-селектараў; адмова ад CSS-выразаў; перасоўванне спасылак на CSS, а таксама ўбудаваных CSS у загалоўкі дакументаў; вызначэнне памераў малюнкаў.

Аналіз сайта з дапамогай Google Page Speed

Для выканання аналізу параметраў прадукцыйнасці сайта неабходна запусціць Firefox і перайсці па патрэбным адрасе. Затым варта актывізаваць Firebug (выканаць каманду галоўнага меню Інструменты »Firebug» Адкрыць Firebug або націснуць клавішу <F12> або пстрыкнуць па значку у правай частцы радка стану), перайсці на закладку Page Speed ​​і націснуць кнопку Analyze Performance. Пасля гэтага пачнецца працэс тэставання, які можа працягвацца ад некалькіх секунд да некалькіх хвілін, а затым будзе выведзены справаздачу:

У дадзеным фрагменце справаздачы можна ўбачыць Overall performance summary (агульную ацэнку прадукцыйнасці), якая ў дадзеным выпадку мае значэнне - Medium priority, і спіс, кожны радок якога змяшчае маркер прыярытэту і спасылку на апісанне адпаведнага метаду павышэння прадукцыйнасці, а часам яшчэ і кнопку . Значкі, якія адлюстроўваюць Overall performance summary і / або якія з'яўляюцца маркерамі спісу, які змяшчае вынікі выканання адпаведных тэстаў, маюць наступныя значэнні:
- High priority - сайты, з Overall performance summary, адлюстраванай дадзеных значком, або параметры, пазначаныя дадзеных маркерам, варта аптымізаваць у першую чаргу, бо гэта не запатрабуе вялікіх намаганняў, але забяспечыць істотны прырост прадукцыйнасці;
- Medium priority - аптымізацыю сайтаў з Overall performance summary, адлюстраванай дадзеных значком, або параметраў, пазначаных звестак маркерам, можна адкласці, бо яна запатрабуе прыстойных высілкаў, але не забяспечыць адчувальны прырост прадукцыйнасці;
- Low priority - сайты з Overall performance summary, адлюстраванай дадзеных значком, або параметры, пазначаных звестак маркерам, не маюць патрэбы ў аптымізацыі, альбо іх можна палепшыць зусім нязначна (верагоднасць атрымання сайтам такой ацэнкі нікчэмна малая);
- Information message - гэтым маркерам адзначаюцца элементы, якія не адносяцца да аналізаванай старонцы, і / або памылкі тэставання.
націск кнопкі дазваляе ўбачыць ўсе прапановы Google Page Speed, сфармаваныя па выніках выканання адпаведнага тэсту. Так, напрыклад, тэст Leverage browser caching правярае адказы Вэб-сервера на наяўнасць карэктных загалоўкаў HTTP Expires (яны задаюць інтэрвал часу, на працягу якога браўзэр можа выкарыстоўваць аб'екты, раней захаваныя ва ўласным кэшы, а не загружаць свежыя копіі гэтых аб'ектаў з Вэб-сервера ) для ўсіх статычных аб'ектаў:

Для выканання больш дэталёвага аналізу можна задаць Advanced Options: уключыць Profile Deferrable JavaScript (выяўленне кода JavaScript, які запускаецца не адразу пасля загрузкі старонкі); забяспечыць Automatically Run at Onload (аўтаматычнае тэставанне ўсіх наведвальных старонак) і выбраць патрабаваны User Agent (тып браўзэра). Гэтыя опцыі актывізуюцца ў меню, для вываду которго варта пстрыкнуць па стрэлцы, размешчанай побач з назвай закладкі Page Speed. Улічыце, што ўключэнне Profile Deferrable JavaScript значна запавольвае працу браўзэра, таму не варта выкарыстоўваць дадзены тэст без вострай неабходнасці. Таксама варта адзначыць, што ў большасці выпадкаў рэкамендуецца выкарыстоўваць User Agent - Default Value, бо іншыя значэнні могуць выклікаць розныя памылкі.
На гэтым я сканчаю апісанне працэдуры тэставання сайта з дапамогай Google Page Speed. Мне здаецца, што прыведзенай інфармацыі будзе дастаткова ўсім, хто займаецца падтрымкай сайта на аматарскім узроўні. Для Вэб-распрацоўшчыкаў і спецыялістаў службаў тэхнічнай падтрымкі Google Page Speed ​​прапануе больш прасунутыя функцыі аналізу параметраў прадукцыйнасці і маніторынгу актыўнасці сайтаў, аднак, іх апісанне выходзіць далёка за рамкі дадзенага артыкула і патрабуе для разумення наяўнасць адпаведнай кваліфікацыі.

Аптымізацыя сайта з дапамогай Google Page Speed

Google Page Speed, як і любы падобны інструмент, не ўмее наладжваць Вэб-серверы і CMS сайтаў, а ўсяго толькі дае рэкамендацыі, якія варта выкарыстоўваць пры самастойнай наладцы альбо пры складанні тэхнічнага задання, а таксама пры прыёме выкананых работ у выпадку прыцягнення іншых спецыялістаў. Аднак, Google Page Speed ​​можа моцна дапамагчы Вам у пытаннях «механічнай» (не якая выкарыстоўвае якія-небудзь інтэлектуальныя метады) аптымізацыі файлаў, якія змяшчаюць CSS і скрыпты на JavaScript, а таксама малюнкаў. Аптымізацыя выконваецца празрыста ў працэсе аналізу сайта. Больш кампактныя копіі аб'ектаў захоўваюцца ў трох падтэчку папкі, якая абраная ў раздзеле Save Optimized Files To меню Advanced Options, пры гэтым CSS-файлы захоўваюцца ў падтэчку page-speed-css, скрыпты на JavaScript - у падтэчку page-speed-javascript, малюнка - у падтэчку page-speed-images, а рэкамендацыі па аптымізацыі выводзяцца ў раздзелы Minify CSS, Minify JavaScript і Optimize images справаздачы аб выніках тэставання. Усе прапановы Google Page Speed, сфармаваныя па выніках выканання кожнага з гэтых тэстаў, можна ўбачыць, націснуўшы кнопку у патрэбнай радку. Напрыклад, вынік выканання тэста Minify CSS для галоўнай старонкі дадзенага сайта да аптымізацыі выглядаў наступным чынам:

У дадзеным фрагменце справаздачы відаць, што старонка выкарыстоўвае 8 CSS-файлаў, якія маюць агульны памер 31,3 кілабайта, які можа быць скарочаны на 10,6 кілабайт (або на 33,8%). Ніжэй варта спіс, кожны радок якога змяшчае спасылку на адзін з васьмі зыходных CSS-файлаў, атрыманае памяншэнне памеру ў кілабайтах (працэнтах) і спасылку на аптымізаваны файл. Пасля таго, як я зрабіў рэзервовыя копіі і абнавіў CSS-файлы, справаздачу змяніўся, кнопка знікла, маркер прыярытэту ў радку Minify CSS памяняўся з на :

Аналагічная працэдура для скрыптоў на JavaScript і малюнкаў ні чым не адрозніваецца ад апісанай. Не забывайце, што пасля выканання абнаўленняў CMS і / або тым і / або убудоў можа спатрэбіцца паўторнае выкананне апісаных дзеянняў.

заключэнне

Я лічу Google Page Speed ​​вельмі карысным інструментам і рэкамендую ўсім, хто займаецца тэхнічнай падтрымкай сайтаў, звярнуць на яго пільную ўвагу. Google Page Speed ​​ў любы момант абсалютна бясплатна прадаставіць Вам падрабязную справаздачу і спіс рэкамендацый па паляпшэнні параметраў прадукцыйнасці сайта. На мой погляд, нельга недаацэньваць важнасць падобнай інфармацыі.

Падзяліцеся спасылкай ў сацыяльнай сетцы або блогу: