Wide Magazine je lifestylový časopis prezentující skvělé zážitky v centru Bukurešti.
Přestože byl časopis hostován na VPS, rychlost byla pomalá. Náklady na spravované VPS se zdály nepřiměřeně vysoké.
Rychlost načítání webu byla 6,99 sekund, součásti stránky celkem 2,5 MB a provedly 113 požadavků na server.
Domovská stránka se načítala:
- 30 souborů JS – 883,2 K
- 11 souborů CSS – 138,3 kB
- 22 obrázků CSS – 255,2 kB
- 13 obrázků – 1320,7 K
- 1 favicon – 16,9 K
Skóre Google PageSpeed Insights bylo 57/100, doporučení byla:
- povolit kompresi
- využít mezipaměť prohlížeče
- optimalizovat obrázky
- snižuje dobu odezvy serveru
Zpráva o optimalizaci
I favicon má příliš mnoho KB. Udělali jsme test, stáhli a importovali na favicon.cc, kde jsme vygenerovali nový. Získali jsme soubor 1,6 K (ačkoli méně kvalitní).
Obrázky
Obrázky nejsou optimalizovány a také se mohou zobrazovat postupně, jak návštěvníci rolují, aby se urychlilo načítání obsahu nad okrajem (líné načítání).
Další problém se zobrazováním obrázků je, že se načítají v původní velikosti (1024*682px) a prohlížeč je změní na 676*450px.
Doporučuje se nahrát obrázky přímo v rozlišení 676*450px nebo nastavit miniaturu v této konkrétní velikosti.
Prohlížeč tak méně pracuje se změnou velikosti obrázků + zmenšuje se velikost stránky (KB). Tyto dva faktory vedou ke zlepšení rychlosti načítání.
Například jsme pořídili náhodný obrázek, který měl 163 kB, provedli jsme změnu velikosti na 676*450px a poté
Dokonce i při rozlišení 1024*682px a právě optimalizací pomocí JPEGMini jsme získali soubor 90,3K, což je výrazné zlepšení oproti původním 163K.
JS soubory
Další věc, kterou jsme hledali, je počet a celková velikost souborů JS – 30 souborů celkem 883,2 kB.
A i zde jsme našli nějaké problémy.
JQuery se načítal dvakrát – verze 1.9.1 (92,6 kB) z code.jquery.com a verze 1.8.3 (93,6 kB) načtená z místní složky WordPress.
Stejný problém s kódem Google Analytics – jednou stará verze ga.js (39,8 kB) a jednou nová verze analytics.js (20,3 kB).
To je 133,4 tisíc navíc.
Existuje několik souborů JS, které načítají 2 pluginy, které v podstatě dělají totéž a zobrazují fotogalerie: NextGen Gallery a PrettyPhoto Media.
Zdá se, že PrettyPhoto Media se nepoužívá, takže jej lze odebrat a uložit asi 50 000 a 2 požadavky.
Pluginy
2 další pluginy, jQuery Mega Menu a Useful Banner Manager, mohou být odstraněny. Zdá se, že jQuery Mega Menu se nikde nepoužívá. Užitečný Banner Manager se používá pro jeden banner, který lze zobrazit jednoduchým html kódem vloženým do textového widgetu.
Plugin ShareThis, který k příspěvkům přidává tlačítka pro sdílení, používá JS 125,1 kB. Mohl by být nahrazen Jetpackem, který používá JS pouze 38,5K.
Facebook Like Box není implementován nejúčinnějším způsobem, používá JS 171,9K.
Nejjednodušší a nejúčinnější metodou je zkopírovat kód iframe ze stránky Facebook Developers Like Box a vložit jej do textového widgetu, čímž odpadá potřeba JS.
Plugin Map Google používá čtyři soubory JS o celkové velikosti 60,7 kB.
Stejně jako u Like Boxu lze i Mapy Google integrovat do prvku iframe.
Zkontroloval jsem posledních 10 příspěvků a žádný nemá integrovanou mapu, takže pokud to není standardní funkce a používá se jen zřídka, je efektivnější ručně zadávat mapy s iframe do příspěvků.
Co jsme udělali
- optimalizovali jsme obrázky
- nastavili jsme progresivní načítání obrázků na webu
- implementovali jsme cache stránek + cache databáze
- vyřešili jsme duplicitní jQuery
- vyřešili jsme duplicitní Google Analytics JS
- vyřešili jsme Facebook Like Box.
Výsledek
Domovská stránka má nyní 62 součástí o celkové velikosti 672,6 kB – ve srovnání se 113 položkami o celkové velikosti 2,5 MB = zlepšení o 73 % .
Průměrná rychlost načítání je nyní 1,5 sekundy – ve srovnání s 6,99 sekundy = zlepšení o 78 % .
Pokud potřebujete rychlejší web WordPress, neváhejte nás kontaktovat a zjistěte, co můžeme udělat, abychom vám pomohli.
Zanechat odpověď