Redakční systémy - Joomla, Wordpress, Drupal

1) Používat jednoduché šablony

Defaultní schéma se nazývá Garland, tato šablona je velice jednoduchá s málo soubory css a obrázky. Ostatní šablony mají až o polovinu větší velikost než základní šablona. 

Jak tedy změníme šablonu:

• Administer » Site building » Themes (Administrace »Tvorba stránek » Šablony)
• Zaškrtneme vybranou šablonu a uložíme

V následující tabulce si ukážeme velikosti několika základních šablon:

Jak je vidět, některé šablony mají až 20x větší velikost než ostatní. Základní rada tedy zní. Používat šablony s co nejméně obrázky, javascripty, flash animacemi apod. Jak vidíme nejmenší v naší tabulce je Blue Marine.

2) Vyhnout se blokům v kódu, které hodně zpomalují běh stránek

O blocích na stránkách jsme mluvili již v minulém díle. Máme dvě možnosti. Pokud blok potřebujeme, nastavíme mu cachování. Pokud není úplně nutný, úplně ho vypneme a tím ušetříme další místo css souborů a obrázků. Bloky, které nejvíce zpomalují stránky jsou:

• počasí (weather)
• komentáře (comments)
• poslední obrázek (latest image)
• podobné položky (similar entries) 
• události

Tyto bloky nám zpomalují stránky nejvíce, nemusí se přitom jednat pouze o fyzickou velikost, ale i počet dotazů na databázi. Co se týče fyzické velikosti. Jsou na tom nejhůře tyto bloky:

• Google AJAX search (google ajax vyhledávání)
• Feedbuttons
• Fórum
• Service link

Pokud chceme použít nové moduly, zkontrolujeme velikost všech jeho souborů, a koukneme se na kompresi obrázků, popřípadě ji můžeme upravit pomocí photoshopu nebo jiného grafického programu. Vyvarujme se také modulům s mnoha javascriptovými soubory.

3) Odebrat netisknutelné znaky a komentáře

Odebráním netisknutelných znaků (tabulátory, nové řádky) opět zmenšíme zdrojový kód naší stránky. Tento postup se může zdát trochu paranoidní, ale těm uživatelům, kterým záleží na každé setince určitě nástroj využijí. Ušetřit můžeme až přes dva kilobajty u složitějších struktur, to se může využít například pro stránky určené pro pda a mobilní telefony, připojené přes mobilní internet. 

Kompresi HTML kódu umí například i jeden z nejpoužívanějších editorů u nás. Funguje jak pro html, tak pro css kódy. Nejen že zmenší velikost souborů, ale také je učiní hůře čitelnými pro ostatní, kteří by chtěli například okopírovat váš zdrojový kód. Kompresi v PSPad najdeme pod položkou HTML > Komprese HTML kódu.

Kompresi můžeme použít také pro css soubor, ale efekt bude jako u HTML kódu podobný. Jen malá úspora místa a malé zrychlení. Kdo chce jít do extrémů, může například přepisovat prepisovat styly z

padding-left: 10px;padding-right:20px;

na

padding: 0 20px 0 10px;

Ale jedná se spíše o úpravy při psaní nové šablony, nežli úpravu již hotové.

To by bylo pro dnešek vše. Doufám, že se Vám rady hodí a zrychlí Vám strákny.