С въвеждането на усъвършенствана визуализация на данни, маркиране, филтриране и моментални снимки, скоростта на Google осигурява цялостно решение за всеки уеб администратор, който иска да подобри работата на сайта си, класирането на търсещите машини и броя на посетителите. Ако страницата се зарежда бавно, не винаги е лесно да се открие проблема. За щастие, има безплатен инструмент, който потребителят може да приложи, за да разбере какво точно забавя зареждането на страницата.
Google PageSpeed Insights е инструмент, който ви позволява бързо и лесно да тествате скоростта на страницата. За да проверите, просто въведете URL и кликнете върху Анализ, за да получите бързо подробен отчет за скоростта на сайта от Google за причините за забавяне на тази страница въз основа на две опции с препоръки за отстраняването му.
Перфектна оценка на обекта
Според Google системата проверява ефективността на страниците за мобилни и десктоп версии, извличане на URL адреси веднъж с мобилен агент, а второто - с помощта на компютърния агент на компютъра. PageSpeed варира от 0 до 100 точки. По-висок резултат, разбира се, е по-добър и оценката от 85 или повече е голям показател за скоростта на сайта на Google. Ако собственикът види много червено и жълто в доклада си, това се дължи на факта, че има сериозни проблеми с изтеглянето на страницата. Инструментът ще докладва за тяхпроблеми, въпреки че съобщенията за грешки може да са трудно разбираеми. Ето какво разработчиците могат да получат в съобщението за услугата:
Избягвайте пренасочването на целевите страници, за да се уверите, че Google е тествал скоростта на сайта. Ако страницата не е проектирана незабавно, резултатът може да е няколко пренасочвания към страници, оптимизирани за различни устройства.
Включете компресия. Днешните браузъри са предназначени да обслужват по-малка алтернативна версия на страницата за интернет потребителите. При включен gzip компресор, тези страници могат да бъдат намалени с 90%.
Минимизиране на CSS, HTML, javascript. Това се отнася до премахването на ненужните данни. Лошото кодиране може да бъде причина за лошото представяне на сайта и може да бъде елиминирано по различни начини.
Приоритет на описаното по-горе съдържание. Скоростта на отваряне на страниците зависи не само от това колко бързо се зарежда страницата. Това се отнася и за "възприеманата производителност". Ако кодът е структуриран неправилно, резултатът може да бъде намаляване на възприеманата производителност в ума на потребителя, дори ако скоростта на изтегляне на сайта е нормална.
Ускорете времето за реакция на сървъра. Това е времето, необходимо на сървъра да започне да изтегля съдържанието на страницата до потребителя, което може да забави редица фактори в съответствие с изискването на Google. Ако искате сайтът да бъде светкавичен и да осигурите добра скорост, по-добре е да плащате приличен уеб хостинг.
Премахване на javascript с блокиране на визуализацията. Java позволяваизползвайте мощни инструменти на трети страни и интерактивни елементи на страницата. Проблемът е, че Java спира и парсирането на HTML кода.
Кеширане на браузъра след проверка на скоростта на сайта Google Page Speed. Препоръчително е да кеширате с период от не повече от седем дни, а за непроменени обекти една година.
Оптимизация на изображенията. Тестерите в блога на Google специално предупреждават за заплахи за изображението за скоростта на сайта.
Ускорено зареждане на страници
Проверката на скоростта на сайта на Google е доброволна. Според Google уебсайтът може да загуби до половината от посетителите си по време на зареждането. Това означава, че те искат времето за изтегляне да бъде кратко и приятно, за да се максимизира потребителския интерфейс. Въпреки това, отчетите на MachMetrics показват, че времето за зареждане на страницата все още е твърде бавно. Това е ценна информация, но след това собственикът на сайта трябва да се съсредоточи върху подобряването на рейтинга. В този случай трябва да обърнете внимание на списъка с оферти, които са налични в Google. След като научихте тези съвети и разгледате как ще се промени времето за зареждане на страницата, обикновено можете да получите по-бърз уебсайт. За да тествате скоростта на изтегляне на Google Speed, използвайте функцията PageSpeed Insights, която работи с набор от правила за скорост и използваемост. Офертите за ефективност ще се основават на редовно актуализираните правила на Google, за да отговарят на най-новите съвременни практики за сайтове. Това означава, че подобряването на рейтинга днес не можеда се гарантира висок резултат за шест месеца или година. Не правете ненужни промени за мобилни или настолни компютри, ако проблемът е единичен. Потребителският интерфейс на Google за тази система е фантастично прост. Той съдържа раздели "Възможни оптимизации" и "Намерени оптимизации". Проверката на скоростта на изтегляне на сайта на Google Speed в категорията „Намерена оптимизация“ не е лесна, тъй като проверената страница вече отговаря на изискванията на Google, въпреки че с времето това може да се промени. Междувременно трябва да се съсредоточите само върху възможностите за оптимизация. Можете да намерите кратки изречения в списъка от Google, като "Минимизиране на HTML" или "Приоритизиране на видимото съдържание". Повечето разработчици на интерфейси разбират какво означава това и знаят как да разрешат проблема веднага. Ако неопитни собственици на сайтове не знаят това, те могат просто да кликнат върху текстовото съобщение „Покажи как да поправят“ във всяка предложена оптимизация, за да разширят познанията си и да научат всички основни стъпки за решаване на проблема. И вие трябва да направите това с всяка оптимизация, така че разработчиците наистина да могат да се възползват максимално от PageSpeed Insights.
Процес на измерване
Измерва времето за зареждане на страницата. След оценка на скоростта на даден сайт, Google извършва оптимизацията, препоръчана от PSI на Google.
Означава отново времето за зареждане на страницата. Ако сайтът стане по-бърз, запазете промените. В противен случай ги анулирайте. Повторете, докато не приключат всички предложения за PSI.
Този процес на изпитване иГрешките са тромави, но ако има наблюдение на скоростта, то елиминира половината от проблемите. Google използва стойността PageSpeed Insights за нулеви стойности спрямо параметрите, които най-вероятно предизвикват забавяне в зареждането. Когато решавате тези специфични проблеми, разработчикът ще има уебсайт с по-бързи изтегляния. Отново оценката не е всезнаеща. "Най-добри практики" означава просто, че PageSpeed Insights се фокусира върху това, което е вероятно да промени ситуацията и се използва широко за увеличаване на производителността. Анализът може да се различава. В крайна сметка, препоръките на PageSpeed Insights са по-добри от това просто да оставите сайта безплатно да сърфирате в интернет.
Пренасочване на целевата страница
След проверка на скоростта на изтегляне на страницата в Google, PageSpeed Insights установи, че има повече от едно пренасочване от този URL адрес на сайта до крайната целева страница. Например, можете да препратите към пренасочването, както следва: example.com - & gt; https://example.com - & gt; https://www.example.com. Вместо това правилната версия трябва да бъде: example.com - & gt; https://www.example.com. Често има верига с множествено пренасочване, защото има две части от кода, всяка от които обработва своята част от пренасочването. Да кажем, че един кодов файл обработва пренасочването на https, а другият е ръчно пренасочване от стари URL адреси към нови страници. За да коригирате повредата, събирайте пренасочванията в една "функция". Често сайтовете съдържат следните видове пренасочвания:
Ако сайт работи с мобилна версия - в друг домейн, поддомейн или подпапка - това ще доведе до ненужно пренасочване за всички мобилни потребители. Общ пример: example.com - & gt; m.example.com. Още по-лош пример: example.com - & gt; www.example.com - & gt; m.example.com. Google препоръчва създаването на отзивчив уебсайт, така че за всички устройства се показва точно същото съдържание - просто се увеличава и изпълнява по различен начин, в зависимост от ширината на екрана на устройството. Инструментът, който можете да използвате в този случай е услугата status.io, където можете лесно да въведете един или повече URL адреси, за да проверите как ще бъдат пренасочени.
Оптимизиране на изображенията
Ако Google Speed Download Speed има минимален резултат, разработчикът трябва да следва следните насоки, за да постигне високи резултати:
Изображението е най-честата причина за ниски скорости на PageSpeed.
На повечето сайтове изображенията съставляват повече от 50% от изтегленото съдържание, така че можете да подобрите значително ситуацията, като оптимизирате снимките си.
По правило повечето изображения на даден уебсайт трябва да бъдат по-малки от 100 KB. Фоновете с пълен размер често са повече, така че е необходима оптимизация. Тук Google го помисли. Тя ви позволява да качвате вече оптимизирани изображения в долната част на отчета PageSpeed. Тогава всичко, което трябва да направите, е да ги изтеглите.
Ако използвате WordPress, WP Smush е отличенплъгин за тези цели. Той също така включва възможността за автоматично преоразмеряване на изображенията и компресирането им.
Вътрешни и външни ресурси
Има два вида ресурси, които могат да заредят страница. Domestics са ресурси на сайт, който се контролира от разработчика. Външни - това са ресурси, които се изтеглят от разработчика от други източници в Интернет и не се контролират от него. Най-новите най-често се показват в блока "Изключване". Ето какво можете да направите, за да визуализирате блокиращите ресурси, ако анализът на скоростта на сайта на Google показа лоши резултати:
Вътрешни ресурси, които често могат да бъдат обединени в едно чрез просто изтегляне на оптимизирани javascript и CSS файлове в дъното на отчета PageSpeed. Или ако има CMS, например WordPress, те използват ti-mize плъгин, за да се справят с комбинираните елементи.
Някои ресурси в дадено сливане могат да престанат да работят, затова се уверете, че промените са обратими.
Външни ресурси, които могат да бъдат направени вътрешно. Ако изтегляте шрифтове от интернет, по-добре е да правите това от вашия сървър.
Някои вътрешни ресурси, които могат да бъдат премахнати от изтеглянето. Темите или приставките на сайта могат да зареждат ресурси, които наистина не са им необходими, защото не използват тази функция. По този начин можете да добавите код към сайта си, за да забраните изтеглянето на тези ресурси.
Някои ресурси, които могат да бъдат заменени с нещо друго, което изисква по-малко време за изтегляне.
В някои външни ресурси разработчиците не могат да направят нищо, след което се затварят.
За да кеширате браузъра, добавете кода към .htaccess файла или се свържете с тяхната хостинг компания, за да разрешите кеширането на браузъра за вътрешни ресурси.
Ако разработчикът не може да прави нищо с външни ресурси и кеширащи браузъри, по-добре е да потърси помощ от специалисти.
Минимизиране на HTML и CSS
За да се увеличи скоростта на сайта след тестване на Google, минимизирайте HTML и CSS. Това става чрез премахване на допълнителни файлове на сайта. Този допълнителен материал обикновено е раздел, интервал и нови линии - всичко, което позволява на човек да чете, и това е наистина важно за компютъра. Има три основни типа данни, които можете да направите по-малко:
HTML;
CSS;
javascript.
Повечето сайтове имат много файлове за сваляне. Но можете да комбинирате няколко, за да ги направите по-малки, и почти винаги можете да премахнете излишния материал. Ако разработчикът използва WordPress, вие сте много добър плъгин за това. Повечето сайтове могат да използват HTML и CSS без никакви проблеми. Независимо от това дали JS минимизира, скоростта на сайта зависи от това какви плъгини и теми се използват. Известно е, че компресираният файл отнема по-малко място от оригинала. Същият принцип важи и за интернет: компресираните данни заемат по-малко място. Така че, най-важното - да разрешите компресирането на уеб сървъра, така че да може да намали размера на файловете, а след това по-малките файлове ще бъдат изтеглени по-бързо на сайта. Това означава, че хората, които посещават сайта, е по-вероятно да получат необходимата информация ичувствам се удобно. На повечето уеб сървъри можете да активирате gzip компресията с малка добавка към .htaccess файла. Като алтернатива можете да се обърнете към поддръжката на хостинг услуги.
"Възприемано" изпълнение на съдържание
Видимото съдържание е част от уеб страница, която потребителите виждат на екрана си, преди да прелистват страницата по-нататък. Уебсайтовете, които изглеждат много бързи и ясни за изтегляне, често са толкова големи, колкото и бавните. Потребителите обичат страниците, които показват съдържанието бързо. Ако разработчикът получи съобщение за приоритета на видимото съдържание в формата на Google, когато анализира сайта, използвайте тези механизми. Google предлага две основни стратегии за постигането на тази цел и те осигуряват доста добър план за промяна на страниците. Един от най-бързите, най-прости и най-често срещаните начини за подобряване на възприятието на потребителя за изтегляне на уеб страница е да се гарантира, че HTML показва съдържанието на дадена уеб страница, преди да представи други данни. Ето пример за страници със странична лента. Ако се споменава първо в HTML, тогава той зарежда първата преди основната област на съдържанието. Типичната странична лента има промоционални и социални бутони и друго съдържание, което е съдържание на трети страни. Ето защо, ако се изтегли към основното съдържание, то действително принуждава потребителя да изчака да види желаното съдържание, което е много лошо. Това може да се промени с едно просто действие - да се постави част от съдържанието пред секцията на страничната лента, която ще представи на потребителите първоначалнотосъдържание, както и по-нататъшен преглед на сайта - въпрос по техен избор.
javascript с блокиране на визуализацията
Когато измервате скоростта на сайта Google PageSpeed Insights, можете да получите предложение за премахване на JavaScript и CSS блокиране. Повечето уебсайтове съдържат комбинация от HTML, CSS, javascript и PHP код, които добавят съдържание, форматиране и интерактивност към сайта. Когато визуализира уеб страница, браузърът първо сваля скриптовете и CSS кода и след това отива в HTML. Забавянето при зареждането на скриптове и CSS не позволява на потребителите да виждат каквото и да е съдържание на екрана, а оттук и термина "рендериране на блокиране". Въпреки че закъснението може да бъде само една милисекунда, сайтът ще изглежда "бавен" за потребителя. Има много методи за фиксиране на блокиращи скриптове и WordPress CSS, които оптимизират времето за зареждане на страницата. Най-лесният начин е да използвате плъгина за кеширане. Ето още два опита за разработчиците: Fix Render-Blocking Scripts и CSS за автоматично оптимизиране. Ty-mize е популярен избор за автоматично оптимизиране на времето за зареждане на WordPress. Това позволява на администраторите да използват съвременни техники за оптимизиране на кода, без да изискват експертни познания. Администраторите могат да избират от менюто с опции, за да намалят времето за зареждане на страницата, като отхвърлят промените, ако възникнат непредвидени събития:
За да започнете, влезте в контролния панел на WordPress и изберете Plugins & gt; Добавяне на нов.
Намерете ти-миза, след това инсталирайте и активирайте плъгина.
Придвижете се до Настройки & gt; Можете да прегледате конфигурацията на приставката.
В раздела НачалоПоставете отметки в квадратчетата „Оптимизиране на кода на JavaScript“ и „Оптимизиране на CSS кода“, след което кликнете върху „Запазване на промените“.
Прегледайте сайта с помощта на инструмента Google PageSpeed Insights и сравнете резултатите.
Инструменти за подобряване на времето за натоварване
Има няколко инструмента, които могат да се използват за подобряване на скоростта на страницата или просто за да видите как работи сайтът:
Скоростта на страницата е класическа. Дава на разработчиците всички ключове и съвети за подобряване на зареждането на страницата.
Тест за уеб страница е инструмент на Google. Предлага безплатен тест за скорост, който включва графики за оптимизация на страници.
YSlow е плъгин, който бързо показва как работи сайтът, и дава на разработчиците информация за това как да увеличат скоростта.
YUI Compressor - Този инструмент помага за компресиране на код чрез минимизиране на javascript и CSS.
OnCrawl - предлага ясна представа за производителността на страниците и ви помага да разберете кои от тях трябва да бъдат оптимизирани първо.
Използване на клавишите за програмисти на Chrome
Уеб браузърът на Google Chrome включва инструменти за разработчици. Те помагат за отстраняването на проблеми с помощта на HTML, CSS и [премахнати]. За да осъществите достъп до Инструменти за разработчици в Microsoft Windows или Linux, натиснете Ctrl + Shift + I. За същото, Apple Mac OS X кликва Option + Command + I. Разделът Network в панела с инструменти за програмисти в Chrome изброява всички връзки за текущия. страница. За да тествате конкретна страница, отворете Инструменти за разработчици и отидете в нея. Освен това, ако искате да тествате текущата страница,просто го актуализирайте. Chrome показва информация за всяко свойство на страницата и нейната заявка:
Името или URL адреса на искания ресурс.
HTTP метод (GET или POST).
Състояние.
Кодът на статус HTTP, върнат от сървъра.
MIME тип ресурс.
Инициатор - референтът се изпраща на сървъра, обикновено URL адресът се показва на страницата.
Размерът на ресурса, получен от браузъра (ако страницата е компресирана от сървъра, тази стойност е по-малка от действителния размер на файла).
Общо време за извличане на ресурс, включително DNS търсене и време за изтегляне.
Време - времевата скала е блок от данни, който временно преглежда всяка заявка.
Когато с мишката минете върху панел, ще се появи изскачащ прозорец с подробно разделяне на времето за стартиране:
Заключване - Включва времето за търсене в DNS, издаването на SSL билети и връзката със сървъра.
Изпращане - Включва времето за изпращане на заявката с всички данни към сървъра.
Waiting - Включва времето, когато сървърът трябва да показва съдържанието, което ще се сервира, и да започне да го изпраща на браузъра.
Приемане - Включва времето, необходимо за изтегляне на съдържание.
Понякога сървърът започва да изпраща съдържание към неговото създаване. Например, PHP скрипт може да започне да изпраща HTML, въпреки че все още динамично генерира съдържание на страници. Този тип скрипт може да доведе до неправилни резултати от изчакване. Комбинацията от време на изчакване е най-важният фактор при определяне скоростта на обекта. Поради това скоростта на свързване към интернет също може да повлияе на производителносттаразработчиците трябва винаги да сравняват времето, когато оценяват критериите за изпълнение на сайта. В долната част на раздела „Мрежа“ е обобщение на процеса на зареждане на страницата. Това резюме включва общия брой на заявките, размера на страницата, включително ресурсите му, и разбивка на времето, необходимо за показване на страницата в браузъра. След като анализира производителността на натоварването на страницата, собственикът ще има по-добра представа къде може да концентрира усилията си върху оптимизирането на скоростта.
