Případová studie – optimalizace blogu

1923.ro je fanouškovská stránka věnovaná fotbalovému klubu Rapid Bukurešť. Najdete zde novinky a aktuality o týmu, rozhovory s některými hráči a také si můžete koupit fan-made trička.

Dragos (majitel webu) se rozhodl pro naše hostingové řešení, aby zjistil, zda dokážeme vyřešit některé problémy, které měl s tímto blogem, konkrétně vzhled bílé obrazovky, tzv. WSOD (bílá obrazovka smrti), která se vyskytuje poměrně často, když pomocí WordPressu.

Bílá obrazovka smrti WordPress může být výsledkem několika věcí:

• WordPress dosáhne limitu paměti přidělené a PHP skript
• špatně napsaný plugin nebo téma
• problém s nastavením serveru
• nežádoucí znaky v motivu functions.php nebo wp-config.php

Pojďme se podívat, jak jsme pomohli našim fotbalovým přátelům k bezchybnému a rychlejšímu WordPress blogu.

Před

Před přesunem na naše servery se blog načítal v průměru za 3,6 sekundy, měl 108 požadavků a velikost stránky přibližně 3800 kB, z toho 3404,5 kB byly obrázky.

Google Page Speed ​​Insights dal an Skóre 80/100 s následujícími doporučeními:

• optimalizovat obrázky
• odstranit Javascript a CSS blokující vykreslování v obsahu nad okrajem
• snižuje dobu odezvy serveru pod 200 ms

Bylo jasné, že hlavním problémem byly obrázky, ale také server, který blog hostoval, nebyl nejlepší.

Optimalizace blogu

Hledali jsme obrázky s velmi vysokým rozlišením a měnili jejich velikost a použili jsme plugin Smushit k optimalizaci všech fotografií na webu.

Implementovali jsme Lazy Load – plugin do WordPressu, který postupně načítá obrázky, které se zobrazí, až když uživatel scrolluje.

Nyní místo načtení 3 MB fotek je to jen asi 780 kB.

Implementovali jsme kombinaci mezipaměti stránek a mezipaměti databáze, aby WordPress fungoval méně, spotřebovával méně zdrojů, rychleji obsluhoval stránky a byl schopen udržet vyšší provoz.

Po

Po optimalizaci obrázků, nastavení líného načítání a implementace mezipaměti jsme zlepšili rychlost načítání blogu na 1,4 sekundy z původních 3,60 sekundy.

Nový test Google PageSpeed ​​Insights ​​ukazuje skóre 92/100.

Další doporučení

Zobrazte na stránkách archivu úryvky a miniaturu namísto celých příspěvků.

Tím by se stránky zmenšily (v KB).

Další problém souvisí s Facebook pluginem, pluginem, který na stránku přidává některé sociální funkce a má negativní dopad – 90,6 % rychlosti načítání webu.

Myslíme si, že chyby generoval tento plugin, ale bohužel téměř všechny pluginy, které přidávají komentáře na Facebooku, které jsme testovali, měly negativní dopad na výkon (některé méně, některé více).

Obecně platí, že z našich osobních zkušeností s pluginy pro komentáře je nejlepší držet se výchozích komentářů WordPress – nemusí to vypadat skvěle, ale alespoň to nesabotuje váš web.

Je třeba udělat více hloubkové optimalizace, jako je odstranění Javascriptu a CSS blokujících vykreslování z obsahu nad okrajem. Pokud své webové stránky budujete minimalistickým přístupem a nenadýmáte je, nebude to příliš velký rozdíl, ale v některých případech by to mohlo stát za čas na implementaci.

To je asi tak všechno. Pokud potřebujete audit výkonu a optimalizaci, kontaktujte nás.