50% от интернет трафика сега сметки за мобилни устройства и техните потребители очакват страници на сайта си ще се зареждат почти мигновено. Ето защо, в тази статия ще разгледаме как да проверите дали скоростта на зареждане на страницата Google PageSpeed Insights Инструмент безплатен инструмент, за да получите 100/100 точки за мобилни и настолни версии на сайта.
Как да се увеличи скоростта на зареждане на страници
Преди да се пристъпи директно към съветите, струва си да се отбележи, че Google за скоростта на инструмента осигурява само препоръки, след което е възможно да се постигне по-добро представяне на сайта. Крайният резултат зависи, на първо място, от сървъра си инфраструктурни ресурси и избраните настройки.
За да приложите някои съвети изискват дълбоки технически познания, за други - доста общо разбиране на принципите на работа на сайта. Всички препоръки са подходящи за използване във всяка CMS.
Стъпка # 1: Оптимизиране на изображения
PageSpeed Insights Tool ще провери изображенията на вашия сайт, и ако скоростта на изтегляне ще бъде достатъчно, за да не висока, Google им предложи оптимизирана. Можете да увеличите скоростта на сваляне на изображения, намаляване на тяхното тегло и размер. За да се реши този проблем просто пуснете две стъпки:
- За да започнете, стиснете всички изображения на инструменти като Compressor.io или TinyPNG. И двата инструмента са безплатни, но изключително ефективна. В някои случаи те компресирате снимките с 80%, без загуба на качество.
- Намаляване на размера на изображенията до възможния минимум. Да речем, че искате да намаляване на размерите, показани на сайта е 150x150px. В този случай, от действителния размер на изображението, съхранявана на вашия сървър не трябва да надвишава размера на показаната снимка, това означава, че трябва да бъде 150x150px. Не е необходимо да се коригира размера на картината с помощта на CSS или HTML код.
Можете да изтеглите всички изображения, да ги компресирате и промяна на размера. Приятно ми е да го взема по правило да се оптимизира всеки нов имидж, преди да добавите към сайта. Това означава, че всички изображения трябва да са с правилния размер и сгъстен без загуба на качеството.
Google веднага ще зареди оптимизирано изображение на сайта.
Например, кодът в документа по-долу,
Тя може да бъде съкратен до:
За бързо решаване на този проблем, можете да инсталирате на вашия сървър инструмент, наречен Gulpjs. Въз основа на вашия файл, той автоматично създава нов CSS файл, който отстранява всички ненужни пропуски. В действителност, този инструмент може да помогне за намаляване на размера на файла два пъти. Дори повече информация относно начина за премахване на ненужните елементи на код може да бъде намерена на официалния референтна ръководство Google.
А за по Wordpress сайтове Autoptimize препоръчително да инсталирате плъгина.
Стъпка # 3: Използване на кеша на браузъра си
В продължение на много сайтове, елементът за използването на кеша на браузъра - истинско изпитание. За да се реши този проблем, можете да използвате мрежата CDN.
Да предположим, че главния сървър на вашия сайт се намира в щата Тексас, ако не използвате CDN, потребителят, който е в Амстердам, ще трябва да изчакате, докато американски сървър ще се зареди съдържанието за нея, и тя може да отнеме много време. В същото време използването на CDN ви позволява да качвате на сайта от точка възможно най-близо до потребителя. И в този случай, най-близо до Амстердам.
В резултат на това, сайтът зарежда много по-бързо.
Този проблем може да бъде решен чрез замяна на брояча на изображения, които можете да съхранявате надеждно с помощта на CDN. Вместо да се поставят скриптове на трети страни, които получават информация за броя на абонатите от Twitter, Facebook, Google Plus и други социални мрежи, можете да съхранявате данните сами по себе си, като по този начин намаляване на скоростта на зареждане на страници.
Ако сайтът ви е интегриран с Google Анализ и не искате да се откаже от интеграцията, разтворът може да изисква допълнителни усилия.
Ако скриптът открие промяна, новата версия автоматично се изтегля и записва с вашата мрежа CDN.
Същата операция се повтаря всеки път, когато има актуализация на код. Новата версия е изтеглен и е записан на CDN. Същият скрипт може да се използва и за други ресурси на трети страни.
Стъпка # 5: Активиране на компресия
Активиране на компресия може да бъде точно в настройките на сървъра. Ако не знаете как да направите това, се свържете с вашия системен администратор и да поиска да се даде възможност GZIP компресия на сървъра.
Стъпка # 6: Оптимизиране на вашия сайт за мобилни устройства
Как удобен потребителите на мобилни устройства за работа с вашия сайт, зависи от много фактори, най-вече от това дали дизайнът на сайта за мобилни устройства е оптимизирана, както е видно от страна на потребителя, колко добре избрания фон, е обмислено навигация удобно място и така нататък.
заключение
В тази статия са изброени само най-основните стъпки, които могат да бъдат предприети, за да се оптимизира скоростта на сайта. Моля, имайте предвид, че не е необходимо да се спирам на оптимизиране само началната страница, вие също трябва да се обърне внимание на вътрешните страници.
Обобщени по-долу три основни стъпки, които ще ви помогнат да се постигне по-добра ефективност на обекта:
Смятате ли, постави задача да се оптимизира скоростта на сайта? Ако е така, какви стъпки сте предприели?
Сега на дизайнерите. в същото Ukoz и Wix има две предимства - първо, това си е техен сървъри и хостинг, което значително опростява задачата на всеки, да тече вашия проект. На второ място, това е пълна защита от DDoS атаки, което също е осезаема полза.
Въз основа на факта, че дизайнерите ще се срине. спорно мнение, защото една и съща Wix има много забележителен дизайн, който в България да го направи и не научих в действителност, трябва да бъда честен. Плюс това, обектите на дизайнера нормално Хайде, ако знаете как да го направя. Те са също добре класирана от търсачките, както и системата на Аякс е един от бъдещето, които разпознават един и същ Google в САЩ по време на конференцията IT-разработчици. Не е чудно, че една и съща Яндекс започва да си сътрудничи с WIX, Ukoz и др. Ако това е утопия, нещо смислено.
Сега, по отношение на оптимизацията, е не само код, но също така и по съдържание. Понякога това не използва три шрифтове и седем, което също влошава сайта. В допълнение към всичко това, ние трябва да разберем това, което прави сайта. Най-бързият начин за привличане на клиенти, или да ги информират и да кажа за себе си. Ако искате вашия сайт да бъде най-добрият, а след това остана с 4-5 секунди на натоварване, е този път, потребителят обикновено чака за изтегляне. И не пропускайте важното, всеки потребител на интернет и скоростта е различна от тази много зависи от това как няма да са се подобрили с мишката и скоростта на вашия сайт. Ако мрежата е бавна, тогава вашия сайт ще бъде заредена като костенурка, когато всички усилия))
Между другото, системата Аякс използва еднакво с HTML 5 на WIX, система progruzki целия сайт наведнъж, а не на отделен отгоре. Именно това е предимството. ))
Свързани статии