Скоростта на сваляне е един от най-важните показатели yuzabilnosti ресурс, а това е важно, това е една от стотиците SEO класиране фактори. Наистина, модерен потребител, който кликне върху линка, не чака зареждането на страницата на повече от 5 секунди. Ето защо, колкото по-дълго вашия сайт се зарежда, толкова повече губят потенциални клиенти.
Повече от 50% от интернет потребителите с мобилни устройства, се очаква почти мигновено сайт изтегляне. На базата на тази статистика, ние сме в тази статия ще се фокусира върху това как да се постигне изпълнение на 100/100 Google PageSpeed Insights услуги за фиксирани и мобилни устройства като пример сайта "Монитор препратки".
Сайт Разпределение и така зарежда доста бързо, така че в този случай ще подобри резултатите възможни до максимума.
Един ден, докато се работи с Скорост на страниците инструмент, той е забелязал, че на сайта на Google има изненадващо ниски стойности за мобилни устройства - 59/100. Ситуацията с версията за стационарни устройства е по-добре - 92/100.
Тя ще изглежда, че е трябвало да се използва като инструмент за оптимизиране на вашия уеб сайт, нали? Така че са резултат от 100/100 е недостижим?
Той е стимулиран да се постигне възможно най-бързо изтегляне на сайта, за да докаже, че за постигане на резултати 100/100 реално, и ако искате можете да го направите. Това не е мания, това е просто желание да се постигне съвършенство.
Като се започне изпълнението на експерименталния сайта - 87/100.
В резултат, след прилагане на някои манипулации, бяха получени следните резултати:
Как да се ускори зареждане на страницата?
Преди да се пристъпи към стъпка по стъпка действия в съответствие с инструкциите, позволете ми да кажа, че за скоростта на инструмент е само ръководство за уебмастъри на начини за оптимизиране на ресурсите. Освен това, инструментът дава насоки за ускоряване на зареждането на страниците на сайта си, както и за постигането на положителни резултати в много отношения зависи от настройките на сървъра.
Моля, обърнете внимание, че някои от ръчни стъпки могат да изискват технически познания, независимо от системата за управление на съдържанието (CMS).
Стъпка номер 1: Оптимизация на изображенията
Зареждане на изображението по-бързо, за скоростта на Прозрения Инструмент предложил да ги оптимизира чрез намаляване на размера на файла. За да се реши този проблем, трябва да направите две неща:
- Компресиране всички изображения с помощта на инструменти като Compressor.io и TinyPNG. Е безплатен инструмент, с който можете да намалите размера на файла с изображение с повече от 80%, а в някои случаи, без влошаване на качеството на изображението.
- Намаляване на размера на изображението до минимум без да се намалява качеството им. Например, ако сайтът ни е необходима 150x150px картина и образ на сървъра трябва да е с подходящ размер. параметри изображения не трябва да бъдат съобразени с помощта на CSS или HTML-тагове.
Според по-горе правила, всяко изображение на сайта е бил изтеглен и ръчно стегнато и правилно оразмерен. И да не се занимавам с оптимизация на изображения след качването им на сайта, по-добре е навикът да се извърши оптимизацията всички нови изображения, качени в сървъра. Всеки нов образ трябва да бъде кратко и съобразени с необходимите параметри.
За да разрешите този проблем, сървърът е инсталиран Gulpjs. Това е инструмент, който автоматично създава нов CSS файл и да премахнете всички ненужни интервали. Също така, той автоматично се създава нов CSS файл всеки път, когато правите нова промяна. В този пример това е помогнало за намаляване на размера на основния CSS файл около 300KB до 150KB. Тази разлика в размера се дължи на ненужни знаци.
CSS може да се намали използването на инструментите YUI Compressor и cssmin.js.
Ако използвате Wordpress, се препоръчва да инсталирате плъгина Autoptimize.
Можете също да изтеглите файловете директно от оптимизиран за скоростта на инструмента.
Стъпка номер 3: Използване на кеша на браузъра си
За да разрешите този проблем, ние трябваше да се движат всички статични файлове от сайт, за да CDN (доставяне на съдържание мрежа / съдържателната мрежа за доставка).
Например, ако основният сървър сайт е в Tehasae, без CDN, един посетител от Амстердам ще трябва да изчакате, докато съдържанието на сайта ще преодолее по целия път от сървър, намиращ се в Съединените щати. С CDN, сайтът ще се зареди много по-бързо от сървъра-близо до потребителя, в този случай от Амстердам. Това намалява достъпа на разстояние данни и сайтът се зарежда почти мигновено.
Тук визуализация на това как CDN:
След по-горе инструмент манипулация за скоростта дразнещо продължи да предлага кеширане браузър за определени ресурси на трети страни. Ето една снимка:
Решения с скрипт на Google Анализ издава сложна задача. От Analytics е необходимо, и то не може да бъде премахнат от сайта, се наложи да се търсят други решения.
Ако няма новини, код на Google Анализ ще се зарежда от кеша версия в CDN.
Ето една снимка от Pingdom инструменти, която показва всички изтегляния на CDN, включително код на Google Анализ. Изтегляйте само файла от сървъра, е досието на началната си страница, в обхвата на която е само 15,5Kb. Премахване на всички скриптове на трети страни значително се подобри общата скорост на изтегляне.
Стъпка номер 4: Премахване на блокиране на кода
Етап 5 №: Активиране на компресия
Стъпка номер 6: Оптимизиране на мобилен формат
Анализ на мобилен формат показва адаптивността на мобилната версия на сайта за различни видове разрешения за използване шрифтовете, и които имат добра система за навигация.
С помощта на Google Chrome, можете да видите как изглежда сайтът Ви в мобилните версии. За да направите това, кликнете върху менюто на иконата на настройките (бургери) и контролите на браузъра в горния десен ъгъл, след което изберете "Разширени Инструменти → Инструменти за разработчици". В лентата с инструменти, щракнете върху иконата с изображение на мобилни устройства. Това е всичко, вижте:
В случай на примера тя не изисква радикални промени.
Сред всички действия за оптимизиране на сайта, има три най-важното:
Бих искал да напомня още веднъж, че Google PageSpeed Tools е само помощен инструмент за оптимизиране на ресурсите. Инструменти са предназначени да намалят времето от подаване на молбата (кликнете на линка) и страницата за отговор на обекта (първите елементи на дисплея страница), така че посетителите няма да напускат сайта Ви, а не да чакат да се тегли. Препоръките, предоставени от този инструмент трябва да се използват с повишено внимание, така че потребителите да не се показват разбитата грим или някакъв набор от блокове не е стилизиран.
Забележка. Бързо зареждане на страници в сайта косвено се отразява на класирането на ресурса в търсачките, а именно: по-висока скорост на изтегляне → Още и продължителността на посещението си → по-високи ранглиста.
Също така не забравяйте, че UAWEB специалисти са винаги готови да оказва необходимото съдействие при създаването, оптимизиране и насърчаване на вашия уеб-ресурс за всяка секунда, прекарано от потребителите на сайта ви носи предимства!
Свързани статии