- Хутка і проста: Google PageSpeed Insights
- Заўсёды пад рукой: Chrome Developer Tools (прылады распрацоўніка)
- WebPageTest.org - усё ў адным
- Google Analytics - ацэнка рэальнай хуткасці
- Зручная адзнака хуткасці: Ускорениесайта.рф
- вынікі
к.э.н. Лавлинский Мікалай, тэхнічны дырэктар ТАА «Метад лаб» 
Найважнейшым элементам працэсу паскарэння сайтаў з'яўляецца аб'ектыўная ацэнка хуткасці. Патрэбен такі інструмент, які дазволіць хутка і якасна зразумець, як функцыянуе сайт з пункту гледжання хуткасці і ці ёсць эфект ад дзеянняў па аптымізацыі. У гэтым артыкуле мы разгледзім ўвесь даступны спектр сродкаў ацэнкі хуткасці сайта, таму яна будзе карысная як уладальнікам сайтаў, так і прафесійным вэб-распрацоўнікам.
Хутка і проста: Google PageSpeed Insights
Гэты сэрвіс ( https://developers.google.com/speed/pagespeed/insights/ ) Дазваляе досыць якасна ацаніць ступень аптымізацыі сайта па базаваму набору правілаў. Пры гэтым атрымліваем 2 ацэнкі хуткасці: для дэсктопа і для мабільных прылад. Ацэнкі выдаюцца ў балах, максімум - 100.
У цэлым, сэрвіс зручны і карысны, так як паказвае канкрэтныя праблемы па кожнаму правілу. Акрамя таго, можна спампаваць аптымізаваныя версіі рэсурсаў.
Аднак, ёсць некалькі слабых месцаў:
- Не ўлічваецца размяшчэнне сервера (ацэньваецца толькі час адказу HTML).
- Правілы дастасавальныя толькі да HTTP / 1.1, для HTTP / 2 многія рэкамендацыі не актуальныя.
- Магчыма памылковае вызначэнне сціску дадзеных (лаецца, калі праблем няма).
- Няма ацэнкі часу загрузкі сайта (толькі адпаведнасць правіламі).
- Сустракаюцца праблемы з рэкамендацыямі і аптымізаванымі рэсурсамі (нельга слепа выконваць усе патрабаванні).
Заўсёды пад рукой: Chrome Developer Tools (прылады распрацоўніка)
Калі ў вас ёсць браўзэр на Blink (Chromium, Google Chrome, Яндекс.Браузер, Opera), то вам пашанцавала. Справа ў тым, што каманда Google актыўна распрацоўвае сродкі для распрацоўнікаў з пункту гледжання хуткасці сайтаў.
У выніку інструменты распрацоўніка ў названых браўзэрах валодаюць магутнымі сродкамі аналізу сайта.
Найбольш цікавая закладка: Network (Сетка). Тут можна адключыць кэш браўзэра (для эмуляцыі першага наведвання), усталяваць абмежаванне хуткасці сеткі (Throttling).
Методыка тэставання можа быць такі: адключаем кэш, ўключаем абмежаванне хуткасці сеткі да жаданага ўзроўню, ўключаем запіс скрыншотаў і перазагружаем старонку. Адразу атрымліваем аб'ектыўныя часы адмалёўкі старонкі. Калі адфільтраваць тыпы запытаў у панэлі, то атрымаем рэсурсы, якія блакуюць рэндэрынг (варта абраць CSS, JS, Doc, Font).
Закладка Timeline прызначана для падрабязнага разбору працэсу працы старонкі і прызначана для прафесіяналаў.
Таксама ў сродках распрацоўніка ёсць рэжым Device View, у якім можна глядзець сайт з эмулятарам мабільнага прылады.
Каб атрымаць праверкі па правілах PageSpeed можна ўсталяваць убудову да браўзэра (PageSpeed) і прама ў гэтай панэлі праводзіць аналіз.
Практычныя тыя ж магчымасці атрымліваюць карыстальнікі плагіна FireBug ў Mozilla Firefox.
Асноўная выснова: тонкі інструмент з шырокімі магчымасцямі, пераважна для спецыялістаў.
WebPageTest.org - усё ў адным
сэрвіс WebPagetest.org створаны энтузіястамі хуткасці сайтаў як універсальны інструмент ацэнкі хуткасці сайтаў. Прынцыповае адрозненне: размеркаваная архітэктура. Даступна мноства тэставых агентаў, размеркаваных па свеце. За кошт гэтага, можна атрымаць карціну хуткасці загрузкі сайта з любога рэгіёну (уключаючы Маскву).
Вялікая гнуткасць сэрвісу дазваляе ствараць складаныя тэсты, аднак базавыя справаздачы можна атрымаць, проста уводзячы адрас сайта і кропку тэставання.
На выхадзе мы атрымліваем інтэгральныя ацэнкі па шасці напрамках: час адказу (першага байта), keep-alive злучэння, сціск малюнкаў, кэшаванне статычнага кантэнту і выкарыстанне CDN. Нават гэтых адзнак па пяцібальнай шкале дастаткова для экспрэс-аналізу.
Таксама ў справаздачы ўтрымліваюцца падрабязнасці аб працэсе загрузкі старонкі: храналогія запытаў, скрыншоты ў розныя моманты часу, справаздачу па складзе старонкі, злучэнням браўзэра.
Пры правядзенні некалькіх тэстаў, можна зрабіць параўнальнае відэа (справа і злева будуць два сайта).
Асноўныя перавагі: размеркаваныя агенты тэставання, падрабязныя справаздачы і магчымасць стварэння параўнальных відэа.
Google Analytics - ацэнка рэальнай хуткасці
Сістэмы аналітыкі зараз маюць уласныя справаздачы па хуткасці загрузкі старонак сайтаў. Асноўнае прызначэнне гэтых справаздач - атрыманне дадзеных ад рэальных карыстальнікаў, з улікам змяненняў ў часе. Як правіла, у сістэмах аналітыкі не даецца падрабязных дадзеных аб хуткасці і рэкамендацый па паскарэнню. Выкарыстанне дадзеных рэальных карыстальнікаў вельмі карысна пры ацэнцы эфектыўнасці паскарэння сайтаў (можна параўнаць перыяд да і пасля паскарэння).
Зручная адзнака хуткасці: Ускорениесайта.рф
Наша распрацоўка: бясплатны сэрвіс ацэнкі хуткасці Ускорениесайта.рф . Падыходзіць для хуткай дыягностыкі, не патрабуе прафесійных навыкаў. Тут вы атрымліваеце просты і досыць падрабязную справаздачу аб тэставанні, па якім можна дакладна зразумець, ці ёсць праблемы з хуткасцю. Важная фіча: параўнанне з канкурэнтамі, вы атрымліваеце вынікі свайго сайта і канкурэнта ў адной табліцы.
вынікі
Мы разгледзелі асноўныя інструменты ацэнкі хуткасці сайтаў, усе яны бясплатныя і даступныя ўсім.
Як бачна, кожны інструмент мае сваю спецыялізацыю. Пры гэтым для ўладальніка сайта можна рэкамендаваць просты сэрвіс Google PageSpeed Insights. А для прафесіяналаў і вэб-распрацоўшчыкаў ўсё складаней.
Ідэальнага інструмента для прафесіяналаў не існуе. Для выканання падрабязнага аналізу хуткасці сайтаў трэба выкарыстоўваць комплекс сродкаў.
за прафесійным паскарэннем сайтаў звяртайцеся да нас.