Rychlost Joomla !

Na co se ptáte? Na nástroj PageSpeed Insights nebo na výsledky JoomlaPortalu v testu?

Jinak je to jako se vším. Někdo chce rychle načtené stránky, pak udělá zakladní styly, skoro žádnej Javascript a je to. Někdo zase chce, aby stránka vypadala hezky nebo potřebuje náročnější funkce, tak oželí rychlost.

Příklad 1)
Na webovou stránku se mi designově hodí nějaký Google Font. Chci mít rychlou stránku, nenačtu ho. Kladu-li důraz na design, připojím ho.

Příklad 2)
Na webovou stránku bych rád dal Google Analytics. Chci mít rychlou stránku, nedám ho tam.

Příklad 3)
Na webové stránce bych rád reklamy od Google AdSense. Chci mít rychlou stránku, nedám je tam.

Je trochu paradoxní, že vám služba Google Page Speed řekne, že nejproblematičtější části stránky z hlediska rychlosti jsou: Google AdSense, Google Fonts, Google Analytics, apod.

Občas je to taky jen líbivá hra. Přesunete Javascript z hlavičky do patičky a získáte pár bodů navíc.

Člověk se musí rozhodnout, zda na stránku dá např. Bootstrap, který využije např. z 80%, nebo stráví půl roku psaním vlastního CSS (a nakonec to možná na rychlost nebude mít žádný vliv), atd.

Podobné je to s Anti-jQuery mánií. Nové Javascript frameworky, případně vlastní Javascript kód, který bude řešit problémy stejně obsáhle jako jQuery, jsou kolikrát pomalejší a naboutnalejší než když se použije jQuery, ale protože někdo chtěl protlačit vlastní framework a v rámci PR začal psát negativně o jQuery, pak není "in" používat kvůli rychlosti jQuery.

Tedy, Page Speed je skvělý nástroj, pokud např. ladíte stránky pro mobily, ale člověk se musí rozhodnout, zda bude rychlost priorita, nebo bude priorita něco jiného.

S tímto portálem je to takto:



Já osobně pomocí tohoto nástroje testuji hlavně přístupnost ("Accessibility"). S rychlostí kolikrát toho moc neudělám (protože např. raději použiju např. Google Font, nebo nějaký zajímavý Javascript, apod. když se mi na stránku prostě hodí)

A i u přístupnosti kolikrát nevím, jestli použít barvu, která se mi líbí, nebo barvu, která má větší kontrast. A i to je celkem časově náročné, když člověk procento po procentu mění tmavost barvy, aby mu v auditu vyšla OK

Ahoj, viz:

www.joomlaportal.cz/forum/71-joomla-3-0-...n-verze-3-1-6-vydana

I s Joomlou! se dá udělat 100% pro accessibility, best practices, SEO

U rychlosti je to složitější, tam vždy záleží na tom, jestli jde o jednoduchý článek (rychlé) nebo nějaké složité, robustní řešení (pomalejší, viz. např. Facebook)

Rychlost:
Cache a Gzip samozřejmě pomáhá, nějaký tipy:

- JOT Cache - já sobně používám JOT Cache od Vlada ze Slovenska, s tou komponentou jsem hodně spokojen: www.jotcomponents.net

- JCH Optimize - zajímavý nástroj, který např. slučuje CSS do jednoho souboru, tuším, že může vložit JS na konec stránky, atd. - extensions.joomla.org/extension/jch-optimize/ - u mě bohužel nezafungoval, stránka se občas zobrazovala chybně, někdy se tuším ani neaktualizovala

- Phoca Upgrade System plugin pomůže trochu rychlosti tím, že vypne nepotřebnou JS knihovnu, nebo zamezí duplicitnímu načítání nějaká JS knihovny

Accessibility - přístupnost: důležitý je, aby např. tlačíka, který nemají titulek, měla attribut aria-label, aby všude byly názvy (title), labely, aby byl správný kontrast mez barvami (pozadí - písmo), atd. Např. Bootstrap knihovna toto celkem dobře zvládá.

Best Practices: tady se např. strhávají body za starou jQuery knihovnu, která se v Joomle! používána - tady opět může pomoct Phoca Upgrade System plugin, kterej nahradí starou jQuery knihovnu za aktuální.


Nejhorší jsou pak externí skripty jako jsou reklamy, analytika, fonty, atd. Jak jsem psal už hodněkrát, buď chci mít rychlou stránku nebo chci, aby mi design opravdu seděl a obětuji trochu rychlosti když budu načítat externí font, robustnější CSS, zajímavou JS knihovnu, atd., aby ta stránka vypadala a fungovala podle mých představ.