Днес скорост се зареждат уеб страниците е критичен фактор при определянето на неговата използваемост. Този аспект е включена в списъка на 100-класиране фактори, които са от значение за насърчаване на сайта си в търсенето. И тази ситуация не е без причина: в днешно време трудно може да се намери на потребителя, така че пациентите, които биха желали да се изчака страницата за изтегляне за по-дълго от 5 секунди. Изводът е, че ако на мястото на товарите достатъчно бързо - собственик просто губи потребители и клиенти.
Предпоставки за експеримента
В интерес на истината трябва да се отбележи, че сайтът е исторически зарежда доста бързо. Все пак, първоначално изпитване с помощта на инструмента за Google тест на скоростта на зареждане разкри, че скоростта на скоростта на зареждане на сайта за мобилни устройства е 59/100. Докато скоростта на зареждане на настолната версия на сайта е малко по-висок - 95/100.
Тъй като крайната цел на monitorbacklinks.com на развитие на екипа зададете условие: да се индексират 100/100. Поправяне на очевидни дефекти в ресурса да доведе до няколко скорости увеличение изтегляне - до 87/100, но не доведе до идеала. Чрез методически технически подобрения на разработчиците на ресурси в крайна сметка успяха да получите желания резултат:
На колко отбора е направила този сайт, ще бъдат обсъдени в следващия раздел.
Как да се увеличи скоростта на зареждане на страници: технически трикове
Преди да се пристъпи към описанието на техниките, които подобряват скоростта на зареждане на страниците на сайта, трябва да се отбележи, че препоръките инструмент товарни тестовите страници скорост от самите Google са отличен наръчник за подобряване на редица технически аспекти. Технически препоръки са дадени в сайта на одит, изчакайте няколко пъти, за да ускори зареждането на страници и ресурси за изпълнение на най-добрите практики от областта на вътрешната оптимизация. Освен това, всички съвети на Google са съобразени със спецификата и особеностите на конфигурацията на сървъра, на който на сайта.
По това време, тъй като някои аспекти на работата на сайта изисква значителна техническа експертиза, а другият е много по-лесно да се премахне. Част от проблема, както и всички могат да бъдат решени автоматично чрез прилагане на високо качество CMS.
Стъпка # 1. Оптимизиране на изображения онлайн
Следвайки препоръките на инструмента PageSpeed Insights, развитие на екипа monitorbacklinks.com сайт е оптимизиран всички изображения на ресурса, увеличаване на скоростта на зареждане на страници, дължащи се на по-малки размери на файла. Използването на инструменти и Compressor.io TinyPNG възможно да се намали с 80% теглото на файла без загуба на качеството на изображението.
Използване на CSS и съответните HTML тагове не са в състояние да предоставят подобен резултат. Качеството на изображенията в сайта зависи от параметрите на файлове са били добавени към сървъра. За да се получи високо качество на изображенията при относително ниско натоварване на сървъра, качени всички изображения, беше решено да компресирате използва инструментите, посочени по-горе. Впоследствие, всяка нова картинка е качен на сървъра, за да се подложи на задължително лечение с използването на конвертор.
За да се поправят грешките и да облекчи някои от кода на сайта, беше решено да се създаде стрийминг колекционерски проекти в JS Gulpjs. Инструментът автоматично създава нов CSS файл и премахнете всички недостатъци в кода. Новите файлове също автоматично се създават за всички промени, направени в кода. В случай на мястото на въвеждане monitorbacklinks.com Gulpjs намален размерът на CSS файл от 300 KB до 150 KB само чрез премахване на излишни знаци в кода. Проверка на кода правилно, можете също да следват препоръките на специален раздел от ръководството на Google.
Тези, които използват WordPress за тази цел може да се препоръча да се инсталира специален плъгин Autoptimize. Оптимизирани файлове могат да бъдат изтеглени от PageSpeed Tool. Процесът ще изглежда по следния начин:
Стъпка # 3.Ispolzuem кеша на браузъра
Принципът на работа на CDN мрежа може да се опише по следната схема:
След приключване на процеса е завършен, PageSpeed Insights инструмент последователно започна да сочи към необходимостта от ускоряване на кеширани файлове за някои трети страни на ресурсите:
На снимката по-долу показва как е възможно тази процедура, за да се намали размера на началната страница на файла 15.5 MByte:
Стъпка # 5. приспособима компресия
Компресирането на ресурси с софтуерна или дефлация функции намалява количеството данни, предавани по мрежата. Тя е такава препоръка обикновено се появява след проверка на обекта, като се използват PageSpeed Insights.
Ако собственикът на даден ресурс не разполага с достатъчно умения за решаване на проблема, той може да се свържете с ресурси за техническа поддръжка, да се включат GZIP-компресирате файлове на вашия сайт.
Стъпка # 6. Подобряване на опита на потребителите на мобилни устройства
Всичко, което трябва да направите, за да се осигури най-доброто преживяване на взаимодействие с потребителите на ресурси на мобилни устройства, е да се разработи адаптивна версия на сайта. Важно е да се вземат под внимание всички съществуващи мобилни формати, използвайте правилните набори шрифт, внимателно проектирана навигационна система за мобилни ресурс.
Уверете се, че даден ресурс ще изглежда на екраните на мобилни устройства с различни резолюция, можете да използвате Google Chrome. За да направите това, щракнете върху раздела меню в горния десен ъгъл на екрана и изберете "Инструменти", а след това - "Инструменти за разработчици". След това, от лявата страна на екрана, ще бъде в състояние да изберете разделителната способност и да видим как ще изглежда сайта на екрана на мобилно устройство.
Ако ресурсът не се изисква да се направят съществени промени monitorbacklinks.com.
заключение
Статията в списъка на най-основните стъпки и елементи, които гарантират значително подобрение в ефективността на сайта на одита с инструмента PageSpeed Insights от Google. В случая на въпросния сайт успяха да поведат с перфектен резултат - 100/100. Въпреки това, в този случай се подлага на внимателна оптимизация на всички вътрешни страници ресурси.
Три ключови подобряване на сайта, което позволи да се постигне идеален резултат, са както следва:
Посочените по-горе техники и аспекти на оптимизация на уеб сайт на практика може да се постигне значително увеличение в скоростта на сваляне на мобилни и настолни устройства, независимо от местоположението, и на потребителя, регион, който реши да посети ресурса.
Свързани статии