Ako zlepšiť rýchlosť nahrávania stránky Aktualizované 2019
Aktualizácia rýchlosti Google - keď je rýchlosť načítania stránok skutočne dôležitá
Už v roku 2016 Google zverejnil správu, v ktorej sa tvrdí, že 40% používateľov mobilných zariadení opustí stránku, ak sa načíta za viac ako 3 sekundy.
V polovici januára 2018 spoločnosť Google oznámila spustenie nového projektu, ktorého cieľom je vylepšiť výsledky vyhľadávania pre mobilné zariadenia. V júli 2018 bola implementovaná aktualizácia Speed - aktualizácia algoritmu Google, ktorej cieľom je znížiť pozíciu webových stránok so zníženou rýchlosťou načítania. Odvtedy sa rýchlosť načítania stala dôležitým faktorom pri určovaní polohy vášho webu vo výsledkoch vyhľadávania Google.
„Ľudia chcú nájsť odpoveď na jeho otázky čo najskôr - výskum ukázal, že rýchlosť načítania stránok je pre nich veľmi dôležitá,“ uviedli členovia tímu Google Zhiheng Wang a Doantam Phan v príspevku pre správcu webu Google Centrálny blog.
„Aktualizácia algoritmu Google ovplyvní relatívne malý počet vyhľadávaní. Pokles výsledkov vyhľadávania utrpí iba stránky, ktoré ponúkajú nízku rýchlosť načítania. “ Wang a Phan vysvetľujú.
Spolu s ďalšími faktormi UX, externými odkazmi a hodnotou obsahu má rýchlosť načítania stránky silný a priamy vplyv na výkon SEO.
Pridajte sa k 170 000 používateľom, ktorí vytvárajú webové stránky zadarmo a bez znalosti programovania.
Program na vytváranie webových stránok WebWave vám umožňuje vytvárať webové stránky úplne slobodne. Proces vytvárania webových stránok môžete začať z čistej stránky alebo môžete použiť šablónu.
Ako zlepšiť čas načítania webovej stránky - niekoľko jednoduchých tipov a nástrojov
Čo môžeme urobiť pre zlepšenie rýchlosti nahrávania na našu stránku? Najjednoduchšou metódou je „oslabenie“ webovej stránky - zníženie množstva dát stiahnutých počas prístupu. Tu je niekoľko jednoduchých tipov, ktoré vám pomôžu zvýšiť rýchlosť načítania stránok:
a. Vyberte príslušné rozlíšenie pre obrázky
Obrázky s rozlíšením 5 000 pixelov vyzerajú nádherne, ale bohužiaľ zaberajú niekoľko megabajtov alebo dokonca viac. Výber správneho rozlíšenia je prvým krokom k „oslabeniu“ obrázkov a zosvetleniu stránky. Pamätajte, že čím vyššie je rozlíšenie, tým väčšia je veľkosť súboru.
Vo WebWave odporúčame používať obrázky s rozlíšením, ktoré je dvakrát väčšie ako veľkosť obrázka na webe. Počas publikovania sú obrázky komprimované, aby sa urýchlilo načítanie stránok - čo je viditeľné na obrázkoch s nízkym rozlíšením.
Kompresia obrazu je v populárnych programoch ako GIMP alebo dokonca v najjednoduchšom Irfanview jednoduchá.
Ľudia chcú čo najskôr nájsť odpoveď na jeho otázky
b) Vyberte správny formát obrázka
Na výber máme 3 možnosti: JPEG, PNG a SVG. Každý z týchto formátov má svoje vlastné špecifiká. Ak zvolíme správny formát pre správny obrázok, získame vysoko výkonné súbory.
Formát PNG sa lepšie hodí pre obrázky s malým počtom farieb a odtieňov.
Formát JPEG je vhodnejší pre obrázky s veľkým počtom farieb a detailov.
Formát SVG je formát, ktorý funguje dobre pre jednoduché obrázky s malým počtom detailov (napr. Logá)
Formát PNG obsahuje 2 podformáty: PNG-24 a PNG-8. Rozdiel medzi nimi je počet farieb, ktoré môžu obsahovať obrázok. Ak si nie ste istí, ktorý formát bude vhodnejší, vyberte pre uloženie súboru pôvodný formát.
c) Optimalizujte obrazové súbory
Pred umiestnením obrázkov na web môžete pomocou bezplatných nástrojov, ako je tinypng.com, odstrániť niekoľko ďalších kb. Pomohli mi zachrániť stovky megabitov. Obrázok jednoducho „hodíte“, urobíte nejaké kúzlo a získate obrázok, ktorý vyzerá rovnako, ale „váži“ menej. Ok, nie je to nijaké kúzlo, je to múdra automatizácia, ale nie je potrebné ju podrobne popisovať. Dôležité je, že to funguje.
Zaujímavým trikom, ktorý nám umožňuje získať jasnejšie obrázky, je zdvojnásobiť veľkosť a znížiť ich kvalitu.
Obrázok so šírkou 300 pixelov a kvalitou 60% bude „vážiť“ asi toľko ako obrázok 600 pixelov a kvalitou 30%. Ale druhý obrázok umiestnený na 300-pixlovej stránke bude vyzerať lepšie.
- Iamginea A - Originálny obrázok s rozmermi 300 x 200 pixelov, uložený v 60% kvalite
- Iamginea B - Upravený obrázok s rozmermi 600x400px, uložený v kvalite 30%
d. Optimalizujte JavaScript a kód CSS
Pri prístupe na stránku sa okrem obrázkov sťahujú aj kódy JavaScript a súbory CSS. Môžu tiež veľa „vážiť“ a zaslúžia si zníženie. Na druhej strane, ak kód webu obsahuje chyby alebo nie je „jasný“, načítanie webu sa ešte viac spomalí.
Aby bolo možné optimalizovať kódy optimálne, existujú úžasné nástroje, ktoré eliminujú všetky nepotrebné znaky, komentáre a skracujú dlhé vety pri zachovaní všetkých funkcií kódu. Tieto programy budú schopné zmenšiť veľkosť súborov CSS a JS z 30% na 90%.
Ak používate WebWave, nemusíte optimalizovať kód, automaticky sa optimalizuje počas publikovania. Počas vývoja platformy sme pracovali na zlepšení rýchlosti načítania webov. Ďalej predstavím najdôležitejšie vylepšenia kódu publikovaných stránok implementované za posledných 12 mesiacov (od aktualizácie článku):