Како да се подобри брзината на вчитување на страницата Ажурирана 2019 година
Ажурирање на брзината на Google - кога брзината на вчитување на страницата стана навистина важна
Веќе во 2016 година, Гугл објави извештај во кој се тврди дека 40% од корисниците на мобилни уреди ја напуштаат страницата ако се вчита за повеќе од 3 секунди.
Во средината на јануари 2018 година, Гугл објави почеток на нов проект кој има за цел да ги подобри резултатите од пребарувањето за мобилни уреди. Во јули 2018 година, беше спроведено ажурирање на Брзината - ажурирање на алгоритмот на Google што има за цел да ја намали позицијата на веб-страниците со мала брзина на вчитување. Оттогаш, брзината на вчитување стана важен фактор за одредување на позицијата на вашата страница во резултатите од пребарувањето на Google.
„Луѓето сакаат да го најдат одговорот на неговите прашања што е можно поскоро - истражувањето покажа дека брзината на вчитување на страницата е многу важна за нив“, велат членовите на тимот на Гугл, hiихенг Ванг и Доантам Фан, во објава на „Гугл вебмастер“ Централен блог.
„Ажурирањето на алгоритмот на Google ќе влијае на релативно мал број пребарувања. Само страниците што нудат мала брзина на вчитување ќе претрпат пад на позицијата во резултатите од пребарувањето. " Ванг и Фан објаснуваат.
Заедно со другите фактори на UX, надворешните врски и вредноста на содржината, брзината на вчитување на страницата има силно и директно влијание врз перформансите на SEO.
Придружете им се на 170.000 корисници кои креираат веб-страници бесплатно и без знаење за програмирање.
Програмата за создавање веб-страница, WebWave, ви овозможува да креирате веб-страници во целосна слобода. Можете да го започнете процесот на креирање веб-страница од чиста страница или да користите образец.
Како да го подобрите времето на вчитување на веб-страницата - неколку едноставни совети и алатки
Што можеме да сториме за да ја подобриме брзината на поставување на нашата страница? Наједноставниот метод е да се "ослаби" веб-страницата - да се намали количината на преземени податоци за време на пристапот. Еве неколку едноставни совети кои ќе ви помогнат да го подобрите времето на вчитување на вашата веб-страница:
изберете ја вистинската резолуција за сликите
Сликите со резолуција од 5000 пиксели изгледаат прекрасно, но за жал, зафаќаат неколку мегабити или дури и повеќе. Изборот на вистинска резолуција е првиот чекор во „ослабување“ на сликите и осветлување на страницата. Запомнете, колку е поголема резолуцијата, толку е поголема големината на датотеката.
Во WebWave препорачуваме да користите слики со резолуција двојно поголема од сликата на страницата. За време на објавувањето, сликите се компресираат за да се забрза вчитувањето на страницата - што се забележува кај сликите со ниска резолуција.
Компресијата на сликата е лесна во популарните програми како GIMP или дури и наједноставниот Irfanview.
Луѓето сакаат да го најдат одговорот на неговите прашања што е можно поскоро
б.Изберете го вистинскиот формат на слика
Имаме 3 опции за избор: JPEG, PNG и SVG. Секој од овие формати има свои специфики. Ако го избереме вистинскиот формат за вистинската слика, ќе добиеме датотеки со високи перформанси.
Форматот PNG е подобро прилагоден за слики со мал број на бои и нијанси.
Форматот JPEG е подобро прилагоден за слики со голем број бои и детали.
Формат SVG е формат кој работи добро за едноставни слики со мал број детали (на пр. Логоа)
Форматот PNG вклучува 2 под-формати: PNG-24 и PNG-8. Разликата меѓу нив е бројот на бои, што може да ја вклучи и сликата. Ако не сте сигурни кој формат ќе биде посоодветен, изберете го оригиналниот формат за зачувување на датотеката.
в.Оптимизирајте ги датотеките со слики
Пред да поставите слики на страницата, можете да отстраните уште неколку kb користејќи бесплатни алатки како tinypng.com. Тие ми помогнаа да заштедам стотици мегабити. Вие едноставно ја „фрлате“ сликата, правите магија и добивате слика која изгледа исто, но „тежи“ помалку. Добро, тоа не е навистина магија, тоа е мудра автоматизација, но не е потребно детално да се опише. Важно е да работи.
Интересен трик, кој ни овозможува да добиеме појасни слики, е да ја удвоиме големината и да го намалиме нивниот квалитет.
Слика со ширина од 300 пиксели и квалитет од 60% ќе „тежи“ колку што е слика од 600 пиксели и квалитет од 30%. Но, втората слика, поставена на страница од 300 пиксели, ќе изгледа подобро.
- Јамгенеа А. - Оригинална слика со димензии 300x200px, зачувана со 60% квалитет
- Јамгенеа Б. - Изменетата слика со димензии 600x400px, зачувана со квалитет од 30%
г. Оптимизирајте го JavaScript и CSS кодот
Покрај сликите, исто така се преземаат JavaScript кодови и CSS-датотеки кога пристапувате на некоја страница. Тие исто така можат многу да „измерат“ и заслужуваат да бидат намалени. Од друга страна, ако кодот на страницата вклучува грешки или не е „јасен“, тоа ќе го забави вчитувањето на страницата уште повеќе.
Со цел оптимално оптимизирање на кодовите, постојат неверојатни алатки кои ќе ги елиминираат сите непотребни знаци, коментари и ќе ги скратат долгите реченици, истовремено зачувувајќи ја целата функционалност на кодот. Овие програми ќе можат да ја намалат големината на CSS и JS-датотеките од 30% на 90%.
Ако користите WebWave, не мора да го оптимизирате кодот, тој автоматски се оптимизира за време на објавувањето. За време на развојот на платформата работевме на подобрување на брзината на вчитување на страниците. Подолу ќе ги претставам најважните подобрувања на кодот на објавените страници, имплементиран во последните 12 месеци (од ажурирањето на статијата):