Jak lze zkrátit dobu načítání stránky a velikost stránky?


Odpověď 1:

Zpět -

Optimalizace koncového zařízení bude záviset na tom, jaký technologický zásobník používáte, kde jsou překážky na serveru, pak začít optimalizovat

Nástroje jako New Relic mohou pomoci v této frontě, ale existují i ​​jiné cesty, např. Protokoly dotazů v MySQL, přidání času potřebného pro konfiguraci Apache, protokoly, použití xdebug, profiler atd.

FrontEnd

1) Obrázky

Velké zaměření na náš výkon je

optimalizace obrázků.

Používejte správné formáty souborů se správnými rozměry, kombinujte více obrázků do sprite, použijte obrazové mapy, malé

Vložené obrázky

(

data

: Schéma URL

), použitá bezeztrátová komprese pro obrázky, líné načítání, následné načítání pod obrázky složeného obsahu.

2) Javascript

vyhnout se a

minimalizovat použití blokování JavaScriptu

. udržujte kritický malý velikost javascriptu inline, který je nezbytný pro nad okrajem. postload vše js, které není požadováno pro obsah nad fiold. Chcete-li zabránit tomu, aby externí js blokoval syntaktickou značku syntaktického analyzátoru

uvedení

styly v TOP

umožňuje stránce postupné vykreslování.

4) Minimalizujte HTTP požadavky

Chcete-li snížit počet požadavků HTTP, zkombinujte všechny soubory malých skriptů do jednoho skriptu a podobně zkombinujte všechny CSS do jediné šablony stylů.

5) Použití

Síť pro doručování obsahu.

6) Minifikujte komponenty JavaScriptu a CSS a Gzip

7) Rozdělení součástí do více domén pro maximalizaci paralelního stahování

8) Vyhněte se Empty Image src, zmenšete velikost souboru cookie

9) Postload značek třetích stran, analytika, přesměrování, reklamy, sociální widgety.

10) Použijte minimální počet souborů písem, použijte CSS

Hledat

kritická cesta vykreslování

na google a číst

články

provádět základní kontroly výkonu webu

pomocí volně dostupných nástrojů pro výkon webu, jako je Google PageSpeed,

Test výkonu a optimalizace webových stránek


Odpověď 2:

80 až 90 procent času koncového uživatele je věnováno frontendu. Chcete-li zrychlit svůj web, zkuste dodržovat některá opatření, jako je například1. Java-skripty na vašem webu musí být načteny jako poslední, tj. Musí mě umístit poté tag.To je proto, že blokuje zbývající požadavky na soubory / stahování, které jsou potřebné k vykreslení vašeho webu.2. Minimalizujte počet požadavků (css / js / images files), jak je to možné.Obecně 4-8 aktiva (images / js / css / fonts) jsou stahovány paralelně ze stejné domény.3.Sendendujte co nejméně dat komprimací it.also také odstraňte zbytečné CSS styly a js files.use minifikované verze css a js files.Place všechny požadavky na CSS soubory nahoře tj. v oblasti head4.Use sprites tj. kombinujte více ikon do jednoho většího obrazu, protože to snižuje počet žádostí .5. Rozšiřte své prostředky na několik domén. Je-li to možné, použijte paralelizaci. Použijte CDN, pokud je to možné. Například použijte jquery CDN.

Doufám, že je to užitečné :)


Odpověď 3:

Nejprve bych navrhl, abyste se zapojili do společnosti, která testuje software, aby kompletně analyzovala dobu načítání svých webových stránek.

Chcete-li zkrátit dobu načítání, měli byste minimalizovat velikost obrázků, minimalizovat css a js .. Pokud nic nefunguje, zkuste zkombinovat všechny soubory javascript do jednoho.

Výkon webových stránek a testování zatížení Indium Software USA


Odpověď 4:

Zaměřím svou odpověď na obrázky, protože téměř dvě třetiny webového obsahu je tvořeno z nich.

To je příliš mnoho faktorů, které nelze ignorovat.

Existuje několik důvodů, proč by obrázky mohly zpomalit načítání stránek. Naštěstí jsou docela snadno zvládnutelné.

Za prvé, měli byste zamířit

Statistiky PageSpeed

a vyzkoušejte svůj web a zjistěte, zda jsou vaše obrázky nepříjemné.

***

1. Načtení velkých obrazových souborů může trvat dlouho

Chcete-li tento problém vyřešit, najděte optimální

Velikost Displeje

&

rozlišení.

Rozhodněte se o dobré šířce a výšce pro zobrazení obrázků na různých zařízeních koncového uživatele, jako jsou stolní počítače, notebooky, tablety, chytré telefony.

Standardní 15 “obrazovka notebooku má schopnost zobrazení přibližně 100 PPI (pixelů na palec) nebo DPI (teček na palec). Nemá smysl obsluhovat 300 obrázků s rozlišením DPI.

JPEG, GIF a PNG jsou standardní formáty souborů, které mohou komprimovat obrázky tak, aby zabíraly menší počet bajtů, čímž se zmenší velikost stahovaného souboru. Tyto tři typy souborů by však mohly být dále optimalizovány snížením zbytečné režie, která je uložena s obrázky ve formě metadat.

2. Synchronní načítání HTML, CSS, JavaScript a obrázků

Když vaše webová stránka synchronně načte všechny HTML, CSS, JavaScript a obrázky dohromady, může být počáteční doba vykreslení velmi vysoká.

Opravte to odložením načítání obrázků. Po vykreslení nezbytných CSS a HTML je načtěte asynchronně. Obrázky mohou být umístěny pod záhybem a podmíněně načteny pomocí JavaScriptu, když návštěvník přejde dolů na příslušnou část stránky.

3.

Příliš mnoho obrázků a požadavků HTTP

Příliš mnoho obrázků na webové stránce nejen zvětší velikost načtení, ale také může ztišit připojení k serveru odesláním více než povolených požadavků HTTP.

Existuje několik řešení, jako je snížení počtu obrázků, použití CDN a upgrade vašeho serveru.

***

Pokud nemůžete snížit počet obrázků nebo jste vyzkoušeli vše bez uspokojivých výsledků, jděte na tento příspěvek

za několik dalších technik, které by vás měly rozjet!


Odpověď 5:

Jaké jsou obvyklé viníky pomalých stránek?

Objemné obrázky a špatný kód jsou tradičně považovány za hlavní faktory, které způsobují problém.

  • Velké obrázky jsou často hlavním důvodem pomalého načítání webových stránek. To je důvod, proč ne optimalizovat obrázky stránek, riskujete, že stránky zabírají více megabajtů místa.
  • Kromě toho téma a velké soubory za ním mohou také zpomalit.
  • Hosting může být důvodem ztráty rychlosti načítání.
  • Pluginy, aplikace, widgety, ve skutečnosti mohou skripty třetích stran web zpomalit.
  • Přesměrování stojí za zmínku, stejně jako JavaScript, což jsou důležité body, na které je třeba se podívat.

Všechny tyto faktory mohou ovlivnit rychlost webu společně nebo nezávisle, proto je nezbytné znát nástroje, použít je k analýze a metriky, jimž je třeba věnovat pozornost. Neméně důležité jsou způsoby a prostředky ke zlepšení výkonu vašich webových stránek.

Zdroj: LoadStorm

Pojďme se nyní zabývat použitými způsoby, jak zlepšit výkon vašich webových stránek v počítači i v mobilu.

1. Použijte minifikaci

Můžete výrazně zvýšit své skóre Google a minimalizovat tak místo, které zabírá vaše kódování HTML. Proces minifikace zde hodně pomáhá při opravě a odstraňování zbytečných nebo duplikovaných dat. I když to může vyžadovat změnu kódu, formátování, zkrácení nebo odstranění, je-li to nutné, člověk nemusí být géniem vývoje, aby si to uvědomil. Pro tento účel existují pozoruhodné možnosti a nástroje pluginu WP,

Minifikujte

být jedním z nich.

2. Optimalizace doby načítání obrazu webové stránky

Uživatelům se nelíbí točení kruhu, když se obrázek načítá, takže frustrovaní návštěvníci mohou prostě odejít. Chcete-li tomu zabránit, zvolte správný formát nebo komprimujte obrázky stránek. Existuje spousta nástrojů, plugin WP Smush Image nebo webová aplikace Squoosh, abychom jmenovali alespoň některé.

Na druhou stranu je nezbytné zajistit, aby obrázky nebyly příliš malé, nepřesné nebo pixelované, mohly by pak poškodit vaši profesionalitu nebo důvěryhodnost. Otestujte proto různé velikosti obrázků na všech obrazovkách a zkontrolujte, zda je vše správně zobrazeno.

3. Implementujte AMP

Zrychlené mobilní stránky jsou možností, jak poskytnout svému webu rychlost blesku v mobilu. Jedná se o alternativy k běžným webovým stránkám s nejdůležitějšími informacemi rozebranými. Protože AMP je zjednodušenou verzí původního webu, nemá příliš formátování. Kromě toho lze přistupovat k několika článkům, aniž byste opustili jednu stránku nebo klikli na tlačítko Zpět.

«AMP pro WP»

je nejjednodušší nástroj pro vytvoření AMP

content.it

umožňuje přetahování prvků stránky na.

4. Získejte web v mezipaměti

S rozumně malým úsilím můžete pomocí vyrovnávací paměti prohlížeče dosáhnout dobrého dopadu na rychlost stránky.

Pokaždé, když uživatel navštíví váš web, je třeba načíst každý prvek obrázku a stránky, poté následuje HTML a kódování. Tyto postupy se opakují pokaždé, když je web prohledán, ale ukládání do mezipaměti prohlížeče může pomoci zdroji znovu načíst při každé návštěvě uživatele. Prvky již načtené dříve, například loga, zápatí atd., Jsou právě vyvolány. Po zavedení výplaty je zpravidla pozorováno velké zvýšení rychlosti načítání stránek. Pro weby na WordPress můžete vyzkoušet plugin W3 Total Cache a užít si výsledek.

5. Vyřešte chyby 404

Chyby 404 nejen frustrují uživatele webu, ale zabírají také prostor, který lze použít pro obsah, a zpomalují web.

Odstranění takových stránek nebo vytvoření přesměrování do jiných sekcí webu vám pomůže ušetřit rychlost a vzácný provoz.


Odpověď 6:

Musel jsem pracovat na několika webech, kde byl výkon problém, a na jiných, kde byla velikost odpovědi velmi velká. Namísto opakování některých zjevnějších návrhů z odpovědí níže nebo těch, které byly nalezeny

tady

, to jsou některé z méně běžných způsobů, které jsem našel:

Snížená velikost stránky (sníží se také doba načítání stránky)

  • K oříznutí zbytečných značek použijte platná pravidla značkování HTML. Patří sem oříznutí volitelných značek a nezahrnují zbytečné uvozovky atributů (dokumentaci W3C najdete zde). To je zvláště užitečné, pokud máte velké tabulky nebo rozbalovací nabídky.
  • Pokud používáte templatingový motor, jako je Smarty, ujistěte se, že jsou z foreach smyček odstraněny bílé mezery (ano, tyto „čitelné“ bílé mezery jsou zahrnuty do výstupu odpovědi)
  • Zkontrolujte všechny štítky nadpisů a ujistěte se, že jsou co nejstručnější.
  • Pokud vaše značka nepotřebuje ID, nezahrnujte jej - nastavte styly pomocí kombinačních prostředků, pokud je to možné (např. Div> p namísto dávání dítěte id).
  • Pokud je to zoufalé, zkraťte názvy tříd / id řádků nebo buněk tabulek velmi velkých tabulek.

Snížená doba načítání stránky

  • Ujistěte se, že všechny vaše dotazy typu backend jsou co nejoptimalizovanější. To zahrnuje přidávání indexů dotazů a načítání pouze minimálního množství potřebných dat (např. Nevybírejte *, pokud to není nutné). Tím se sníží doba do prvního bytu.
  • Chcete-li se vyhnout načtení souborů .js a .css, dokud to není nezbytně nutné, používejte techniky líného načítání.
  • Nahrazujte obrázky pomocí glyfiků nebo fontů, kdekoli je to možné.
  • Ujistěte se, že jsou i mezipaměti uloženy i neobvykle v mezipaměti (prostřednictvím .htaccess nebo CDN) (například .woff a .eot).
  • Použijte nástroj, jako je CSSBurner, k nalezení nadbytečných a jinak zbytečných značek v CSS ke zkrácení doby načítání CSS.
  • Místo jQuery / AngularJS používejte čistý Javascript atd., Kdekoli je to možné - Javascript je mnohem rychlejší. Všimněte si, že obecně budou účinky skutečně významné pouze pro velké množství iterací.

Odpověď 7:

Jedním z důležitých faktorů, kterými lze snížit dobu načítání webové stránky, je její optimalizace. Optimalizovaná webová stránka se ukáže nejen jako responzivní web, ale také zkrátí dobu načítání serverů webhostingu. Optimalizace webové stránky je zaměřena nejen na ty, kteří si tuto stránku prohlíží na úzkém pruhu, ale také je velmi důležité pro ty, kteří vyžadují, aby své webové stránky ukázali pro rychlejší připojovací síť.

Jeden musí vybrat dobrý web hostitele pro maximální výkon svých webových stránek. Existují stovky poskytovatelů webhostingů, proto si musíte vybrat webhostingu s maximální opatrností a studiem.

MAXIMÁLNÍ VÝKONNOST S SERVISEM HOSTINGRAJA VPS

Existuje několik důležitých způsobů, jak zkrátit dobu načítání webových stránek.

Změna velikosti a optimalizace obrázků

Optimalizace obrázků je jedním z nejjednodušších způsobů, jak můžete zmenšit velikost webové stránky i dobu načítání. Obrázky z webové stránky spotřebovávají velkou šířku pásma, což bude mít vliv na dobu načítání webové stránky. Zde není změna velikosti webových stránek a obrázků v HTML jediným řešením, protože to nezmění velikost obrázku. Existuje několik externích nástrojů, pomocí kterých můžete změnit velikost obrázku. Budete také moci využít optimalizaci obrazu, která zmenší velikost bez ztráty kvality obrazu.

Použití CDN pro optimalizaci webových stránek

Pokud je pro web použito CDN, znamenalo by to, že váš web se šíří na různých serverech umístěných v různých částech světa. Když je požádán o prohlížení webových stránek, obdrží data ze serverů, které jsou v nejbližším místě. Existuje mnoho velkých serverů, které provádějí CDN tím, že se ujistí, že web funguje mnohem lépe a rychleji.

Vyloučením videí na webové stránce

Existuje několik video souborů, které mohou být někdy velmi velké. Nahrávání videí na webovou stránku je hektický úkol. Je lepší nepoužívat pro web vlastní video hostované, ale místo toho můžete na svých webových stránkách použít video weby třetích stran, jako je youtube.

Přepínáním pluginů, když se nepoužívají

Pokud pro web používáte mnoho pluginů, je pravděpodobné, že web bude velmi pomalý. Nejlepší způsob je odstranit nebo deaktivovat pluginy, které se nepoužívají.