Jak mohu minimalizovat soubory na svém webu WordPress pomocí nástroje LWS Optimize?

Procédure

Minifikace je zmenšení velikosti souboru, obvykle souboru stylů CSS, skriptu JS nebo souboru HTML, za účelem zlepšení doby načítání webu. Jedná se o běžný postup, který lze snadno zavést za účelem zlepšení výkonu webu. Protože tyto soubory vytváří člověk, jsou plné komentářů, mezer a zalomení řádků, zatímco názvy funkcí a proměnných jsou často dlouhé a popisné, aby je kdokoli pochopil a mohl soubor upravit, aniž by je musel luštit.

Tyto prvky jsou tedy pro člověka nezbytné, ale pro stroj naprosto zbytečné, a pouze soubor zatěžují, což vede ke zvýšení spotřeby šířky pásma, a tedy i doby načítání webu. Zde přichází na řadu miniaturizace: odstraněním těchto zbytečných prvků ze souboru je možné výrazně snížit jeho velikost, aniž by byl jakkoli ohrožen obsah nebo fungování webu.

Zlepšete rychlost načítání webu WordPress tím, že snadno povolíte miniaturizaci souborů CSS, JavaScript a HTML pomocí nástroje LWS Optimize. Tento nejlepší plugin pro ukládání do mezipaměti WordPressu pouhým jedním kliknutím zkomprimuje nepotřebný kód, aby byly stránky lehčí, a přitom zachová hladkou navigaci. Pro bezplatnou instalaci najdete toto řešení také v oficiálním adresáři jako nejlepší bezplatný cache plugin pro WordPress.

Příklad vydá za tisíc slov, takže si vezměme následující neupravený soubor CSS:

*/ p.class { font-size: 15px; background-color: blue; } /* Změňte barvu značky input */ input { color: white; }

Jeho minimalizací se jeho obsah zobrazí následovně:

p.class{font-size:15px;background-color:blue;}input{color:white;}

Po odstranění všech nadbytečných znaků je sice obtížnější se v souboru orientovat, zvláště když měl původně několik set nebo dokonce tisíc řádků, ale na druhou stranu je nyní o několik Kb lehčí.

Snížení velikosti souboru například z 60 Kb na 55 Kb se může zdát zanedbatelné, ale představuje významné snížení, v tomto případě asi o 9 % celkové velikosti souboru.
Efekt je o to viditelnější, pokud se zmenší všechny soubory na webu: pokud se každý soubor zmenší o 9 %, znamená to celkové snížení hmotnosti webu o 9 %, což odpovídá o tolik menšímu množství dat, která je třeba načíst, a tím se zrychlí načítání webu.

Minimalizace souborů na webu WordPress

Existují dva způsoby, jak toho dosáhnout: ručně nahradit obsah každého souboru minimalizovanou verzí nebo miniaturizaci automatizovat pomocí rozšíření nebo jiných skriptů.

První metoda by mohla být proveditelná pro malé, doma vytvořené stránky (bez použití CMS, jako je WordPress), ale s rostoucím počtem zpracovávaných souborů by se rychle stala složitou a časově náročnou. Pro web WordPress by to bylo jednoduše nemožné udržovat: typická instalace WordPressu obsahuje stovky souborů CSS, nepočítaje všechna rozšíření, která můžete nainstalovat, a tyto soubory se při každé aktualizaci vracejí do původního stavu, což znamená začít proces znovu při každé aktualizaci webu.

Proto je vhodnější a doporučené používat rozšíření, které automaticky minifikuje soubory vašeho webu, například naše rozšíření LWS Optimize.

Minifikace pomocí LWS Optimize

LWS Optimize, rozšíření pro optimalizaci webu od společnosti LWS, nabízí miniaturizaci všech souborů HTML, CSS a JS vašeho webu, navíc se systémem ukládání souborů do mezipaměti, který je v rozšíření aktivován ve výchozím nastavení. Ve výchozím nastavení je miniaturizace v doplňku předem aktivována.

Chcete-li minifikaci spravovat podrobněji, přejděte do nastavení pluginu, poté klikněte na "Přejít do rozšířeného režimu" a nakonec přejděte na kartu "Front-End":

Zde zaškrtněte nebo zrušte zaškrtnutí možností "Minifikovat soubory CSS", "Minifikovat soubory JS" a "Minifikovat HTML", čímž aktivujete miniaturizaci všech souborů:

Potvrďte svou volbu kliknutím na tlačítko "Uložit novou konfiguraci" vpravo dole.

Minifikace je na vašem webu spravována, ale protože je propojena se systémem mezipaměti souborů, budete muset tuto mezipaměť vyčistit, aby se nové nastavení projevilo na stránkách vašeho webu. To provedete tak, že přejdete na kartu "Vyrovnávací paměť" a kliknete na tlačítko "Vyprázdnit vyrovnávací paměť" vedle akce "Ruční vyčištění":

Pokud nechcete, aby se některé soubory minifikovaly, můžete se vrátit na kartu "Front-End" a kliknutím na tlačítko "Vyloučit soubory" u vybrané akce otevřít modální okno pro vyloučení:

Do pole nově otevřeného modálního okna zadejte celou adresu URL souboru, který chcete vyloučit, nebo jen její část, pokud chcete vyloučit všechny soubory, jejichž adresa URL tuto část obsahuje. Kliknutím na zelené tlačítko "+" můžete přidat další adresy URL nebo kliknutím na červené tlačítko "-" je můžete odebrat. Můžete vyloučit libovolný počet adres URL. Po dokončení klikněte na tlačítko "Uložit" a uložte změny.

Ve výše uvedeném příkladu byl z miniaturizace souborů CSS vyloučen soubor "woocommerce.css", který se nachází ve složce pro rozšíření WooCommerce, a všechny soubory CSS pro rozšíření Elementor. Opět je třeba vymazat mezipaměť souborů, aby bylo možné vyloučení použít.

Jak LWS Optimize minimalizuje vaše soubory

Při vytváření mezipaměti pro stránku na vašem webu bude LWS Optimize prohledávat stránku pro všechny značky a

Naproti tomu miniaturizace HTML se od ostatních trochu liší: po provedení ostatních akcí a načtení stránky je obnoven celý obsah, který je před uložením do mezipaměti "wp-content/cache/lwsoptimize/cache" minifikován.

Závěr

Nyní již víte, jak :

• ručně minifikovat soubory CSS, JS a HTML a výhody tohoto postupu.
• Používat rozšíření, například LWS Optimize, k automatizaci minifikace a zlepšení efektivity webu WordPress.
• Vyloučit některé soubory z miniaturizace, pokud je to nutné pro zachování funkčnosti vašeho webu.
• Pochopte vnitřní fungování nástroje LWS Optimize při minifilaci souborů.

🚀 Optimalizací souborů pomocí miniaturizace uděláte obrovský krok k rychlejšímu webu a lepšímu uživatelskému zážitku. 🌐

🙌 Děkujeme za sledování tohoto technického článku! Pokud máte jakékoliv dotazy nebo připomínky ke službě minifikace nebo rozšíření LWS Optimize, neváhejte nám zanechat komentář. Vaše zpětná vazba je neocenitelná a pomáhá nám neustále zlepšovat naše služby. 💬