Rychlost

Zrychlujeme WordPress. Zapněte kompresi dat a optimalizujte obrázky

Většina magazínů nebo blogů je postavena na redakčním systému WordPress. Jedná se o CMS (systém pro správu obsahu), tedy o redakční systém psaný přímo na míru těm, co hledají platformu pro svůj blog zdarma.

WordPress je svobodný open source redakční publikační systém napsaný v PHP a MySQL a vyvíjený pod licencí GNU GPL. Je oficiálním nástupcem systému b2/cafelog a má širokou uživatelskou a vývojářskou komunitu. Počet stažení předchozí verze 4.9 dosáhl od vydání téměř 174 milionů.

A jelikož je tak rozšířený, i tento magazín ho používá. Na FreeBit.cz je prakticky od startu v roce 2009. Předtím byl obsah pouze na jedné statické stránce a pořád se obměňoval. Chci se tedy rozepsat o tom, jak se za prakticky deset let web posunul v rychlosti načítání stránek. Google má rychlé weby rád!

První krok pro optimalizaci načítání webu

Soubor .htaccess je umístěný na FTP prostoru vašeho serveru. Tento soubor v adresáři dovoluje adminovi webu upravit chování složek. Doporučujeme aktivovat kompresi mezi serverem a zařízením, kam se data posílají. Aktivace webové komprese sníží datovou náročnost přenášených dat (data se na serveru zabalí, putují zabalená a díky výkonu koncové stanice se opět rozbalí). Na českých serverech se víceméně podporuje několik komprimačních formátů. Jedním z nich je GZIP a druhým Brotli.

Zapněte kompresi dat a optimalizujte obrázky
Zapněte kompresi dat a optimalizujte obrázky (PageSpeed Insights)

Nejvyšší kompatibility se dočkáte u GZIPu (starší, ale přes to účinná komprese). Novější, často efektivnější je algoritmus Brotli z dílny společnosti Google. Jedná se o výkonnou komprimaci obsahu. Je efektivnější a můžete si vyzkoušet, jak servery na tyto komprimace budou reagovat. Na internetu najdete i stránky, kde si ověříte, zdali je komprimace dat zapnuta a funguje správně. Parametry .htaccess a .user.ini. spolu začnou fungovat po jednom kroku serveru, což je cirka 5 minut.

Aktivace je poměrně snadná. Stačí vložit kód do souboru .htaccess a .user.ini. Pokud soubor .user.ini na FTP serveru nemáte, stačí jej pomocí webového rozhraní vytvořit. Brotli je funkční pouze u zabezpečené komunikace přes protokol HTTPS v kombinaci s PHP 5.6 nebo vyšším. Pokud již nějaký z módů DEFLATE používáte, můžete jakýkoliv řádek z kódu odstranit. Kód je nutné vložit za generované řádky WordPressu. Redakční systém je občas maže. Pamatujte v zápisu na posloupnost.


Kód vložte do .htaccess:

<IfModule mod_deflate.c>
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/json
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE application/font-sfnt
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/vnd.microsoft.icon
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/xml
  AddOutputFilterByType DEFLATE text/html
</IfModule>

Do souboru .user.ini pak zkopírujte zlib.output_compression = On


Kód vložte do .htaccess:

<IfModule mod_brotli.c>
  AddOutputFilterByType BROTLI_COMPRESS application/javascript
  AddOutputFilterByType BROTLI_COMPRESS application/json
  AddOutputFilterByType BROTLI_COMPRESS application/vnd.ms-fontobject
  AddOutputFilterByType BROTLI_COMPRESS application/xhtml+xml
  AddOutputFilterByType BROTLI_COMPRESS application/xml
  AddOutputFilterByType BROTLI_COMPRESS application/font-sfnt
  AddOutputFilterByType BROTLI_COMPRESS font/otf
  AddOutputFilterByType BROTLI_COMPRESS font/ttf
  AddOutputFilterByType BROTLI_COMPRESS image/svg+xml
  AddOutputFilterByType BROTLI_COMPRESS image/vnd.microsoft.icon
  AddOutputFilterByType BROTLI_COMPRESS text/plain
  AddOutputFilterByType BROTLI_COMPRESS text/css
  AddOutputFilterByType BROTLI_COMPRESS text/xml
  AddOutputFilterByType BROTLI_COMPRESS text/html
</IfModule>

Do souboru .user.ini pak zkopírujte brotli.output_compression = On


Kámen úrazu jsou obrázky, jak na jejich komprimaci?

Velký díl mají na rychlosti webu obrázky. Webmaster nahraje na server obrázek, zjistí, že má přes 500 kB. A co s tím? Nejedná se pouze o obrázky samotné, ale i o jejich náhledy. Dobrým pomocníkem je plugin ShortPixel. Jedná se o platformu na kompresi obrázků ve WordPressu. Umí toho poměrně hodně. Můžete si koupit kredity nebo zaplatit měsíční paušál. Mě osobně se líbili kredity na účet. Zaplatíte a spotřebujete to, co se začne komprimovat. Plugin je automatizovaný a komprimuje další soubory nahrané na FTP server.

Základem je vložit API klíč. Vyberete ztrátovou kompresi a nastavíte kompresi také pro náhledové obrázky. Plugin umí odstranit EXIF data z obrázku. V pokročilém nastavení umí také WebP. Ty mohou být až třikrát menší, než PNG a o 25 % menší, než JPG. WebP nebo JPEG 2000 doporučuji i Google. Obrázky zmenší na FTP serveru klidně i o 69 %. Mě plugin na FTP ušetřil skoro dva gigabajty místa. Jeden obrázek = jeden kredit. 15 000 kreditů vyjde na 9,99 USD. Velkým plusem a benefitem při rychlosti je i CDN ShortPixelu. On si totiž nahrává obrázky do mezipaměti k sobě a posílá je k návštěvníkovi ze své sítě.

Optimalizujte JS, CSS a HTML. Odstraňte mezery v načítání

Mezi další pluginy zrychlující WorpPress patří optimalizační pluginy CSS, JavaScriptu (JS) nebo HTML kódu. Redakční systém WordPress není vybaven dobrým kódem a tak mu musíme trochu pomoci. Je nutné agregovat všechny propojené soubory JavaScriptu tak, aby byly načteny bez blokování vykreslení. Načítat je tedy až v patičce. Musíme také shromáždit všechny propojené soubory CSS. Pozor na detailnější nastavení pluginů, mohou vám částečně poškodit kód a tím znefunkčnit web. Vše ale můžete vrátit zpět.

Pokud vše nastavíte pluginem Autoptimize na jednotku, dostanete o řád vyšší výkon načítání stránek na WordPressu. Pokud rychlost nebude stačit, můžete serveru pomocí cache (kešovacím) pluginem. To však strhnete grafické kolo na měření google.com/pagespeed/. Google má na svém testu rovných 100 bodů (desktopová verze), tak se můžete pochlapit. Je ale jasné, že se částečně bodové hodnocení odvíjí od toho, jak se server „vyspal“. Pokud hodnoty stále nejsou dostatečné, doporučoval bych kontaktovat podporu hostingu. Popřípadě přejít na vyšší tarif.

Závěr a další bonusové tipy na zvýšení rychlosti WordPressu

První vykreslení obsahu na stránce se vám musí povést za méně než 0,7 vteřiny. První smysluplné vykreslení také. Berte v potaz to, že některé úkony jsou vázány na další úlohy na serveru. Je tedy nutné počkat. Díky optimalizaci obrázků a optimalizaci kódu se dostanete na velice zajímavá čísla. Některé české weby jsou na tom s rychlostí načítání webových stránek opravdu žalostně. To může být právě výhoda ve fulltextu Googlu. Znáte to, každý SEO bod se počítá. Protože, pokud se stránka nenačte do 4 sekund, lidé nenávratně odcházejí.

Bonusový tip je funkce Lazy Load. Tedy pomalé načítání obsahu na webové stránce. Funkce umí vykreslovat pouze to, co uživatel aktuálně vidí. Pokud tedy napíšete článek, který má více obrázků a je dlouhý, načtou se pouze ty, které jsou aktuálně vidět. To zvýší rychlost načítání stránek, ale také uživatelský komfort. Zkuste Lazy Load na WordPressu a podělte se do komentářů, jak to na vás působí.

Pro tyto případy je zde AMP verze
Pro tyto případy je zde AMP verze

Pokud se nedaří optimalizovat mobilní verzi webu – nevadí. Pro tyto případy je zde AMP verze, tedy verze stránek, kterou má Google ve své mezipaměti. Odlehčený obsah se načítá z Google datacenter a věřte, že ten blesk u obsahu tam není nadarmo. Rychlost vám pomůže dohnat konkurenci. Protože to, co nemají oni, je vaše zbraň.

Kdy nastoupí na trh sítě páté generace? Jak funguje mobilní 5G síť

Kdy bude fungovat 5G síť? Předpokládám, že většina lidí vlastnících chytré telefony používá mobilní data. Ve zkratce pro neznalé, jedná se o internetové připojení dostupné přes mobilní signál. Je součástí tarifu a operátoři data poskytují v různých rychlostech. Nyní už v podstatě záleží na tom, jakou rychlost telefon podporuje. Hlavní milníky byly 1G, 2G, 3G, (4G) LTE a nyní bude 5G. Právě o 5G si dnes něco málo povíme.

Rychlost a srovnání oproti předchozí technologii

Dává rozum, že 5G bude zase o něco rychlejší. Konkrétně by měl být rozdíl až desetinásobný a dočkat bychom se měli i výrazného zkrácení odezvy, která už tak byla velice nízká. Když se budeme bavit v číslech, čeká nás snížení odezvy na jednotky milisekund, což pomůže v robotice, autonomních systémech, virtuální realitě a jiném průmyslu. Podmínkou Mezinárodní telekomunikačního unie musí být 95% datového přenosu v rychlost alespoň 100 Mbit/s (12,8 MB/s) při stahování a při nahrávání alespoň 50 Mbit/s (6,25 MB/s).

Kdy nastoupí na trh sítě páté generace? Jak funguje mobilní 5G síť
Kdy nastoupí na trh sítě páté generace? Jak funguje mobilní 5G síť

Network slicing. Krájení sítě pro různá zařízení

Jelikož ale každé zařízení pracuje jinak, potřebuje také různé parametry. Zatímco pro mobilní zařízení je potřebné co nejrychlejší připojení, pro autonomní systémy například v autech je klíčová minimální odezva. Network slicing proto zajišťuje jakési krájení sítě na několik podvrstev, z nichž každá bude mít jiné parametry a bude proto vhodná pro různá zařízení. Zároveň bude možné připojit velké množství zařízení k jedné vrstvě.

Testování a bezpečnostní trhliny 5G

Vývoj nového standardu byl definitivně dokončen v roce 2018. Obsahuje však bezpečnostní trhlinu kterou nelze odstranit a navíc lze jednoduše sledovat polohu uživatele sítě. Testování probíhá již od říjná 2017 společností Deutsch Telekom. Naměřena byla hodnota 2 Gbit/s. U nás proběhly testy v roce 2018 prováděné společnostmi Vodafone a T-Mobile, Vodafone v Karlových Varech naměřil 1,8 Gbit/s. Použity byly technologie společnosti Huawei. Testování proběhlo také na Olympijských hrách v Pchjongčchangu, kde byly technologie využity na šíření internetového připojení v autobusech, k přímým přenosům 360 stupňového videa a při vytváření virtuální reality.

Dočkají se telefony 5G podpory?

Jak jste si již mohli všimnout v naších článcích o Samsungu Galaxy S10 5G, již teď je 5G modulem vybaveno několik modelů. A Samsung není sám. První výrobcem 5G telefonu byla Motorola, poté Huawei a Samsung. Výrobu plánuje i několik velkých výrobců jako jsou Asus, HTC, LG, Xiaomi a další. Zároveň budou muset operátoři přehodnotit balíčky. Tok dat se zvýší až osminásobně a přechod na 5G síť má být velice rychlý. Celosvětový přínos do roku 2035 je odhadován na více než 12 bilionů dolarů. 5G síť má být spuštěna roku 2020. Nezbývá než koupit zařízení podporující nový standard a vyčkávat do příchodu nové éry.

Jak změřit rychlost internetového připojení na mobilu nebo počítači?

3 způsoby, jak změřit rychlost internetu? Určitě jste již zažili ten pocit, kdy se zoufale snažíte načíst stránku, ale internetové připojení je zkrátka proti vám. V tuto chvíli můžete zavolat svému poskytovateli internetu a zjistit okolnosti, popřípadě se domluvit na řešení. Nebo si můžete alespoň orientačně změřit rychlost internetu sami. V dnešním článku si představíme 3 způsoby, jak lze změřit rychlost internetu.

U poskytovatele internetu

Samozřejmě lze zavolat operátorovi a ten vám bez problému rychlost internetu na adrese změří. Tento způsob je vhodný zejména pokud se vám nedaří načíst jakoukoliv webovou stránku. Pokud je připojení pomalé ale přece jen je, můžete přejít na stránku vašeho poskytovatele. Většina zprostředkovatelů internetu má na svých stránkách možnost změření rychlosti internetu a můžete si tak ověřit, zda máte rychlost internetu stejnou jako ve smlouvě.

Většinou však lze reklamovat rychlost pouze po síťovém kabelu (UTP). WiFi připojení na pásmu 2,4 GHz je zarušené a reálné rychlosti se pohybují kolem 40 – 70 Mbps. Na 5 GHz pásmu AC normy mohou být rychlosti v terénu až 6ti násobné.

Jak změřit rychlost internetového připojení na mobilu nebo počítači?
Jak změřit rychlost internetového připojení na mobilu nebo počítači?

Na webu třetích stran

Rychlost internetu můžete změřit i na webu třetích stran. Spousta lidí nevěří svým poskytovatelům a považuje jejich testy za nadhodnocené. Právě pro ně jsou tyto weby. Zmínit mohu například speedtest.net, rychlost.cz/speedtest nebo fast.com. Svoji funkci na měření má i Google. Tuto možnost najdete po zadání sousloví „speed test“ do Google vyhledávače. Test trvá přibližně 30 sekund. Rychlost připojení k internetu se zjišťuje podle toho, kolik dat lze během dané doby pomocí připojení přenést. Objem dat se může dle lokality lišit.

Mobil a mobilní aplikace

Třetí a nejjednodušší možnost hlavně pro mobilní zařízení je změřit rychlost internetu pomocí aplikace. Aplikace s touto funkcí nabízí jak sami poskytovatelé (operátoři), tak můžeme najít i aplikace třetích stran. Z osobní zkušenosti bych doporučil aplikaci Speedtest by Ookla, Speedcheck Internet Speed test a Internet Speed test – 4G LTE. Tyto aplikace naměřily zhruba stejné hodnoty a po změření internetu poskytovatelem byla odchylka jen velmi malá. To co si vyberete je samozřejmě na vás. Nejpřesnější výsledek však dostanete, pokud zavoláte přímo poskytovateli a necháte si změřit rychlost od něj. Rychlost internetu v mobilu použije mobilní data, avšak, aplikace přímo od operátorů data do FUPu nepočítají.

Tip redakce!

Pokud jste punťové a chcete zaručeně změřit přesnost a rychlost internetového připojení, doporučujeme vždy měřit po síťovém kabelu. Pokud chcete přesný náměr a propustnost linky, doporučujeme stáhnout 10 GB (gigabajtový) soubor a rychlost internetu si prostě sami spočítat. Pro 20 Mbps připojení počítejme s teoretickou rychlostí stahování 2,5 MB za sekundu. Pro teoretickou rychlost stahování 100 Mbps počítejme s 12,5 MB za sekundu. Pro rychlost stahování 500 Mbps počítejme s 62,5 MB za sekundu (megabajty za sekundu).

Na velkém souboru totiž poznáte, jak moc linku můžete zatížit a zda není na lince vašeho internetového připojení agregace (více klientů na trase). Většina providerů má totiž smluvní agregaci 1:50. V hustě osídleném městě nebo centru může být agregace i vyšší. Tento způsob měření vám umožní linku lépe poznat. Všechny speedtesty berte jako orientační.

Mozilla Firefox – Víme jak ji zrychlit

Miliony uživatelů po celém světě využívají prohlížeč Mozilla Firefox.

Jak používáme tento oblíbený prohlížeč, dochází k jeho postupnému zpomalování, což prodlužuje naši práci na internetu a zatěžuje více procesor, který má vliv na rychlost celého našeho počítače.

Jak vrátit tomuto prohlížeči původní rychlost se můžete dozvědět v tomto článku.

Vymažte seznam stažených souborů

Podívejte se ve svém prohlížeči Mozilla Firefox na seznam stažených souborů. Ve většině případů zjistíte, že tento seznam je neuvěřitelně dlouhý. Málokdo tento seznam promazává. Vymažte tento seznam a uvidíte sami, že Váš prohlížeč se znatelně zrychlí. Smazáním tohoto seznamu se nemusíte ničeho bát, všechny stažené soubory zůstanou zachovány.

Staré verze Java konzole taky pryč

Všimli jste si toho, že pokud otevřete odkaz např. pomocí kolečka do nového panelu, že vás Mozilla Firefox nechá v tom původním panelu? To práci na internetu také dosti zpomaluje, je zde však řešení. Přejděte na Nástroje, Možnosti, Panely a zaškrtněte možnost Přepnout na nový panel otevřený z odkazu. Po tomto kroku se již vždy automaticky přesunete na novou záložku bez nutnosti kliknutí na nově otevřenou záložku.