Wordpress

Optimalizace rychlosti s Optimocha

Tento týden jsme mluvili s Barışem Ünverem z Optimocha o optimalizaci rychlosti a výkonu webů WordPress. Podívejte se na náš rozhovor níže a přejděte na konec a přečtěte si naši krátkou osobní recenzi na službu.

Q. Ahoj, Barış! Vítejte na blogu WP Mayor. Jsme nadšeni, že si můžeme popovídat o rychlosti webu, takže do toho rovnou skočím! Jsi zakladatel Optimocha (mimochodem super jméno, jsem zvědavý, jak jsi na to přišel!). Jaké služby nabízíte a kdo je vaším cílovým zákazníkem?

Díky, že mě máš! WP Mayor patří mezi mé primární zdroje zpráv pro WordPress, takže jsem rád, že jsem zde.

Optimocha je v kostce služba optimalizace rychlosti a údržby pro weby založené na WordPressu. Naše hlavní zaměření (posedlost, opravdu) je zlepšit celkový výkon každého webu, na kterém pracujeme, ale protože hodnocení ovlivňují konkrétní metriky (o tom později) a klienti se na to obvykle ptají, soustředíme se na získání lepších metrik Core Web Vitals pro weby našich klientů. V roce 2019 jsme také získali Speed ​​Booster Pack a vyvíjíme několik dalších produktů/služeb, z nichž dva budou vydány do konce roku 2021.

A děkuji za vaše milá slova o jménu! Po sepsání více než dvou set názvů (většinou kombinací slov s předponou jako „opti-“ nebo „speed-“), abych našel nejlepší název značky, jsem se rozhodl pro název „Optimocha“. Bylo to docela zábavné cvičení a protože změna značky je obtížná a otravná i pro ty nejmenší podniky (a téměř nemožná pro ty větší), považoval jsem za důležité najít dobrou značku.

Otázka: Všichni víme, že rychlost webu je důležitá, ale jaké jsou skutečné výhody rychlého webu? Přináší to více konverzí, máte lepší umístění na Googlu?

Oba… a pak ještě někteří.

Největším a nejviditelnějším zlepšením je hodnocení stránky na stránce s výsledky vyhledávače (SERP). Google oznámil, že Core Web Vitals bude zohledněn v hodnocení, což znamená, že pokud vaše stránka zlepšila CWV, bude mít lepší hodnocení. A protože to přímo ovlivňuje úspěšnost webové stránky (konverze, předplatné, prodej atd.), mělo by to být pro každého majitele webu hlavním důvodem, proč si své stránky nechat optimalizovat.

I když hodnocení SERP není důležité, jako když je web propagován prostřednictvím sociálních médií nebo offline, celkový výkon webu hraje obrovskou roli ve spokojenosti návštěvníků/uživatelů. Možná si to neustále neuvědomujeme, ale všichni máme tendenci se nudit, když se stránka načte za více než několik sekund – zvláště na mobilu.

Tato nuda může vést k frustraci a zvýšit šanci návštěvníka/uživatele zavřít stránku před jejím načtením. To se v analytických nástrojích nezobrazuje, protože návštěvník opustí stránku dříve, než se analytický skript vůbec spustí. Mám klienty, kteří mi řekli, že jejich zobrazení stránek se po optimalizaci zdvojnásobilo – návštěvníci na stránce pouze zůstali, místo aby se nudili a odešli. Tak jednoduché.

Je jich víc pokročilý důvodů (jako je již konvertovaná spokojenost zákazníků), ale tyto dva jsou pro vlastníky webových stránek nejdůležitější důvody, proč by měli zvážit investice do zlepšení výkonu svých webových stránek.

Otázka: Jaké jsou podle vás klíčové věci, na které byste si měli dát pozor, když se snažíte optimalizovat web na rychlost?

Toto je silně diskutované téma a odborníci na optimalizaci rychlosti (včetně mě) mají tendenci uvažovat jinak než Google... ale celkově se zákazníci rozhodují, co chtějí. Zde je několik klíčových metrik majitelů webových stránek, odborníků na optimalizaci rychlosti a společnosti Google, a to, zda jsou správné nebo špatné:

Skóre PageSpeed: Hned na začátku – to je nesmysl. Nejen, že jde o falešné zobrazení výkonu vašeho webu, ale ani to nebere v úvahu ani Google. NIKDY neusilujte o 100% skóre, ale snažte se zlepšit své metriky Core Web Vitals. Také všechny „známky“ a „skóre“ vypočítané nástroji jako GTmetrix, Pingdom a WebPageTest jsou nedostatečné.

Základní webové vitály: Toto je název skupiny metrik, o kterých Google říká, že je to faktor, pokud jde o hodnocení. V současné době má skupina tři členy: největší obsahové vybarvení (LCP), zpoždění prvního vstupu (FID) a kumulativní posun rozvržení (CLS). Stále to není dokonalé zobrazení výkonu vašeho webu, ale je to tak blízko, jak se Google právě teď blíží (a podle mého názoru jsou si docela blízko).

Čas na první bajt: TTFB, nazývané také „doba odezvy serveru“, v zásadě měří čas, který váš server potřebuje, aby odpověděl na požadavek návštěvníka na zobrazení stránky. Je zřejmé, že čím lepší je tato metrika, tím lepší budou všechny ostatní metriky měřené časem.

Doba načítání: „Načtení je, když je dokončeno zpracování stránky a všechny zdroje na stránce (obrázky, CSS atd.) jsou staženy“, podle GTmetrix. To je podle mě nejvíc humánní způsob, jak měřit „rychlost“ webu (ne „výkon“, pamatujte). Ale samozřejmě, názory jsou jako pupík – každý ho má.

Plně nabitý čas: Tato metrika popularizovaná společností GTmetrix se liší od „doby načítání“, protože měří všechny ostatní požadavky provedené původními požadavky. Jako příklad na místě tato metrika také bere v úvahu všechna stažení podkladů reklam Google načtených na stránce, což nutně neznamená, že uživatel „čeká“, až bude stránka připravena. To je důvod, proč si nemyslím, že je to správná metrika, na kterou byste se měli dívat, když měříte rychlost.

Další metriky: První spokojená barva je stará metrika, která je nyní nahrazena metrikou Největší obsahová barva. Index rychlosti je také nesmyslná metrika, jako je skóre PageSpeed. Page Size je důležité, protože přímo ovlivňuje vše ostatní, ale můžete mít výkonnou stránku s větší než průměrnou velikostí stránky. A konečně ŽÁDNÉ z „doporučení“ PageSpeed ​​Insights, Lighthouse, GTmetrix, WebPageTest nebo Pingdom by nemělo být považováno za „metriky“, „chyby“ nebo cokoli jiného, ​​než čím jsou – doporučení.

PS: Je zřejmé, že existuje více „bohů“ jiných než Google, kteří rozhodují o tom, které metriky jsou důležité, jako jsou ty, které jsem právě zmínil. Ale jsem v tomhle monoteistický (heh) a vybral jsem si Google, protože má největší vliv ve světě optimalizace výkonu webu (WPO).

Otázka: Zmínil jste Core Web Vitals, můžete podrobněji vysvětlit, co to je?

Absolutně! Vzhledem k tomu, že máme k pokrytí více než pár základen, které by mohly tento rozhovor nafouknout, odkažme čtenáře WP Mayor na tento příspěvek pro hosty: Úvod do Core Web Vitals.

Otázka: Je možné optimalizovat rychlost vašeho webu vlastními silami? Kdy byste se měli rozhodnout pro službu, jako je Optimocha?

V tomto oboru se pohybuji již více než 5 let a mohu upřímně říci, že minimálně polovinu toho, co děláme, zvládnou klienti a druhá polovina spadá pod naši odbornost a triky v rukávu. Lidé nám ale samozřejmě platí za naši odbornost a za to, že věci neřešíme sami.

Pokud chcete optimalizovat svůj web, mám pro vás tři důležitá doporučení:

  1. Buďte nemilosrdní při odstraňování věcí – zejména věcí, které zvyšují váhu vaší stránky, a co je ještě důležitější, věcí, které zvyšují vaše používání JavaScriptu.
  2. Buďte otevření ohledně nahrazování věcí alternativami nebo, opět, eliminace.
  3. Dokud pracujete se zálohami, nebojte se rozbití věcí.

Pokud jste připraveni přijmout výzvu, můžete zkusit nainstalovat a vyladit Speed ​​Booster Pack, náš bezplatný plugin, abyste své webové stránky optimalizovali sami.

Otázka: Jak často byste měli optimalizovat a udržovat své webové stránky?

Záleží na tom, jak často přidáváte, odebíráte nebo měníte věci na svém webu. Samozřejmě nemluvím o přidání nového příspěvku na blog, uskutečnění prodeje nebo opravě překlepu na vaší stránce O mně. Mluvím o věcech, které by mohly změnit vaše metriky Core Web Vitals, jako je přepracování vaší domovské stránky, přechod na nové téma nebo přidání pluginu, který přidává aktiva (CSS, JS atd.) do front-endu.

Určitě! Hosting je nejen důležitým faktorem výkonu webu, ale také spolehlivosti webu. Dobře strukturovaný server dokáže zázraky na všech webových stránkách – nejen na těch s vysokým využitím zdrojů. A pokud očekáváte provoz bodce tu a tam si musíte vybrat hostingovou společnost, která se dokáže automaticky přizpůsobit přepětí, aniž by šla dolů nebo požadovala směšné částky peněz.

Mám několik hostingových společností, se kterými pracuji, a jednu mám oblíbený – ale nemyslím si, že bych je měl odhalovat jednoduše proto, že seznam se mění v závislosti na tom, jak dobře pokračují ve svém podnikání.

Otázka: Mohou pluginy zpomalit váš web? Jak lze zúžit seznam použitých pluginů?

Myslím, že nejlepší způsob, jak odpovědět na tuto otázku, je nechat čtenáře, aby se sami sebe zeptali: „Pomáhá vám {vložte název pluginu} sem smysluplným způsobem {vložte cíl konverze}?“ Příklady by dávaly větší smysl:

  1. U jednoduchého firemního webu pomáhá posuvný plugin více zájemcům, aby se s vámi spojili… nebo jste prostě nenašli nic, co byste mohli vložit na svou domovskou stránku, a tak jste přidali posuvník s obrázky?
  2. U zpravodajského webu skutečně zvyšují oznámení push interakce s uživateli, jako je více sdílení, více návštěv nebo více komentářů… což vede k většímu prodeji reklam? (Abych byl upřímný, už si ani nejsem jistý, že se lidé přihlásí k odběru oznámení push.)
  3. U webových stránek elektronického obchodu jsou oznamovací pole „X zakoupeno Y“ skutečně vyvolána FOMO a pomáhají vám dosáhnout většího prodeje?

Optimalizace není nikdy úplná bez experimentování. Ze svého webu můžete odstranit věci (na smysluplnou dobu, například měsíc), zjistit, zda to nepoškodí vaše konverzní cíle, a přidat je zpět pokud vidíš, opravdu to pomáhá.

Otázka: Obrázky jsou jedním z klíčových faktorů zpomalování webových stránek. Jaký je nejlepší způsob, jak tuto výzvu vyřešit?

K obrázkům musím říct tři věci:

Použijte méně obrázků: Téměř vždy tvoří obrázky většinu váhy webové stránky. Použití menšího počtu obrázků nejen sníží hmotnost, ale také pomůže zmenšit velikost vašeho DOM.

Použijte líné načítání: Líné načítání v podstatě odkládá stahování obrázků až po načtení DOM, což znamená, že zbytek stránky se načte rychleji, pokud se použije líné načítání... Možná jste však již uhodli, že jste aplikovali líné načítání na všechny obrázky, včetně v počátečním výřezu, můžete poškodit metriky LCP. Proto je důležité nelíně vše nakládat.

Použijte novější formáty obrázků: V současné době je WebP předním moderním formátem obrázků. AVIF je na druhém místě s mnohem horší podporou a mírně lepšími kompresními poměry. Rozhodněte se a použijte jeden z nich a mějte v sobě záložní alternativy JPG/PNG značky. Snadno peasy.

Q. Jaké balíčky nabízíte prostřednictvím Optimocha?

Nabízíme tři druhy služeb:

Optimalizace rychlosti a výkonu: Přicházíme, optimalizujeme, odlétáme. Pokud potřebujete optimalizovat celý svůj web pouze jednou nebo možná jednou za rok, je to služba, kterou si můžete vybrat.

Průběžná optimalizace a poradenství: Přicházíme, optimalizujeme, zůstáváme. Pokud potřebujete, abychom web neustále optimalizovali a kdykoli se na cokoli zeptali (součástí poradenské služby), měli byste do této služby investovat.

Kompletní přepracování: Toto je nabízeno webům, které nemohou dosáhnout svého nejvyššího potenciálu výkonu, aniž by začínaly od nuly. Nové téma, nová sada pluginů, možná nový hosting… Tuto specializovanou službu byste použili, pokud si (nebo my) myslíte, že váš web je beznadějný.

Otázka: Jak vás mohou naši čtenáři kontaktovat?

Můžete nás kontaktovat prostřednictvím našeho kontaktního formuláře nebo mě kontaktovat přímo přes Twitter nebo LinkedIn!

Díky, že mě máte, Gaby a Marka!

Naše zkušenosti s Optimochou

Kdykoli diskutujeme nebo propagujeme produkty a služby WordPress na WP Mayor, vždy se snažíme je sami otestovat.

Služba optimalizace rychlosti Optimocha nebyla výjimkou.

Požádali jsme Barışe, aby se pokusil optimalizovat náš vlastní blog WP Mayor.

Zde jsou výsledky:

Před

Největší obsah malby: 5.0s
Celková doba blokování: 1690ms
Kumulativní změna rozložení: 0
Celkové skóre PageSpeed: 35

Po

Největší obsah malby: 4.1 s (o 21.95 % lepší!)
Celková doba blokování: 220 ms (768.18 % lepší!)
Kumulativní změna rozložení: 0.016 (malé zvýšení, ale stále zelené)
Celkové skóre PageSpeed: 74 (o 211.43 % lepší!)

Celkový proces byl velmi hladký. Barış začal tím, že nám poslal e-mail s úplným seznamem fází, ve kterých bude proces optimalizace řešit. Každá fáze měla podrobná vysvětlení, která nám poskytla docela dobrou představu o tom, jak bude vypadat asi příští měsíc práce s ním.

Pokud uvažujete o tom, že se rozhodnete pro službu Optimocha, pokračujte ve čtení. Dám vám rozpis toho, co je na skladě.

Co čekat

Chcete-li začít, musíte nejprve poskytnout přístup ke svému webu, poskytovateli hostingu a účtu mezipaměti. To Barışovi umožní provádět nezbytná šetření, testy a implementace na vašem webu.

Upozorňujeme, že Barış může navrhnout změnu poskytovatele hostingu, pokud váš současný nevyhovuje potřebám vašeho webu. V našem případě Servebolt odvádí skvělou práci při hostování našeho blogu, takže jsme tam nemuseli provádět žádné změny.

Druhá věc, kterou je třeba poznamenat, je, že byste se měli zdržet jakýchkoli velkých změn na webu, když je optimalizační tým v práci. Jakékoli velké změny mohou ovlivnit jejich pracovní postup a konečné výsledky. To neznamená, že nemůžete pokračovat v nahrávání obsahu nebo měnit kopii na vašem webu. Znamená to však, že před implementací čehokoli většího možná budete chtít požádat o „povolení“.

Další fáze byly docela jednoduché. Byla nám předložena podrobná analýza našich používaných pluginů, návrhy na vylepšení nebo nové pluginy k použití a seznam vylepšení, o jejichž provedení jsme byli požádáni. 

Elementor se ukázal jako možná nejobtížnější na vylepšení. Stejně jako u většiny tvůrců stránek mají tendenci váš web trochu nafouknout – zvláště pokud nepoužíváte osvědčené postupy. Tipy, jak zrychlit váš web Elementor, zdokumentuji v dalším příspěvku.

Celkově jsme byli se službou optimalizace rychlosti Optimocha spokojeni.

Věřím, že je to skvělé řešení pro netechnické uživatele, kteří se snaží zlepšit rychlost svých webových stránek. Pokud jste vývojář se silnými znalostmi WordPressu, možná by stálo za to strávit nějaký čas čtením tohoto tématu a vlastní implementací změn.

Pokud však používáte WordPress jako já, tato služba je nepochybně užitečná a pomůže vám zvýšit skóre Google Core Web Vitals a zlepšit celkový dojem ze stránky pro vaše návštěvníky.

Související články

0 Komentáře
Vložené zpětné vazby
Zobrazit všechny komentáře
Tlačítko Nahoru