Kaip sumažinti puslapio įkelties laiką ir puslapio dydį?


Atsakymas 1:

„BackEnd“ -

Atgalinės dalies optimizavimas priklausys nuo to, kokią technologiją naudojate, kad pamatytumėte, kur yra serverio trūkumų, tada pradėkite optimizuoti

Įrankiai, tokie kaip „New Relic“, gali padėti šioje srityje, tačiau yra ir kitų maršrutų, pvz., Užklausų žurnalai „MySQL“, pridedant laiką, reikalingą „Apache“ konfigūracijai, žurnalams, naudojant „xdebug“, „profiler“ ir kt.

„FrontEnd“

1) Vaizdai

Didelis dėmesys skirtas mūsų spektakliui

vaizdų optimizavimas.

Naudokite tinkamus failų formatus su tinkamais matmenimis. Sujunkite keletą vaizdų į sudėjimą, naudokite mažus vaizdų žemėlapius

Įterpti vaizdai

(

duomenys

: URL schema

), naudojamas beveidis vaizdų glaudinimas, tingus įkėlimas, pakartotinis įkėlimas po sulankstyto turinio atvaizdais.

2) „Java“ scenarijus

vengti ir

sumažinkite „JavaScript“ blokavimo naudojimą

. išlaikykite kritinį mažo dydžio „JavaScripto“ intarpą, kuris yra būtinas virš matomos ribos. iš naujo įkelkite visus js elementus, kurie nėra būtini virš turinio. Norėdami išvengti išorinių js blokavimo analizatoriaus, naudokite async žymą

išleidimas

stiliaus lapai TOP'e

leidžia puslapiui pamažu progresuoti.

4) Sumažinkite HTTP užklausas

Norėdami sumažinti HTTP užklausų skaičių, sujungkite visus mažus scenarijų failus į vieną scenarijų ir panašiai sujungdami visas CSS į vieną stiliaus lentelę.

5) Naudokite

Turinio pateikimo tinklas.

6) Sumažinkite „JavaScript“ ir CSS bei „Gzip“ komponentus

7) Padalinkite komponentus į kelis domenus, kad padidintumėte lygiagretų atsisiuntimą

8) Venkite tuščio vaizdo, src, sumažinkite slapukus

9) Įkelkite trečiųjų šalių žymas, analizę, pakartotinį taikymą, skelbimus, socialinius valdiklius.

10) Naudokite minimalų šrifto failų skaičių, naudokite CSS

Ieškoti

kritinis perteikimo kelias

google ir skaityti

straipsniai

paleiskite pagrindinius žiniatinklio našumo patikrinimus

naudojant laisvai prieinamus žiniatinklio našumo įrankius, tokius kaip „Google PageSpeed“,

Tinklalapio efektyvumo ir optimizavimo testas


Atsakymas 2:

80–90 procentų galutinio vartotojo laiko praleidžiama priekiniam vartotojui. Norėdami, kad jūsų svetainė būtų greitesnė, pabandykite laikytis kai kurių priemonių, tokių kaip1. „Java“ scenarijai jūsų svetainėje turi būti įkeliami paskutiniai, ty jie turi būti man skirti Žyma.Ji blokuoja likusias failų užklausas / atsisiuntimus, kurių reikia jūsų svetainei atkurti.2.Sumažinkite kiek įmanoma prašymų (CSS / JS / vaizdų failai) skaičių.Paprastai 4–8 ištekliai (vaizdai / JS / CSS) / šriftai) yra atsisiunčiami lygiagrečiai iš to paties domeno.3. Siųskite kuo mažiau duomenų, suspausdami jį. Taip pat pašalinkite nereikalingus CSS stilius ir JS failus.Naudokite minesuotas CSS ir JS failų versijas.Įdėkite visas CSS failų užklausas viršuje, ty galvos regione4. Naudokite „Sprites“, ty sujungkite kelias piktogramas į vieną didesnį vaizdą, nes tai sumažina užklausų skaičių .5. Paskirstykite savo turtą keliuose domenuose.Panaudokite paralelizavimą, kaip įmanoma. Naudokite CDN, jei įmanoma.

Tikiuosi, kad tai naudinga :)


Atsakymas 3:

Visų pirma, aš siūlyčiau jums užmegzti ryšį su programinės įrangos testavimo įmone, kad galėtumėte visiškai išanalizuoti savo svetainės įkėlimo laiką ..

Norėdami sumažinti įkėlimo laiką, turėtumėte sumažinti vaizdų dydį, sutrumpinti CSS ir JS. Jei niekas nepadeda, pabandykite sujungti visus „Java“ failus į vieną.

Svetainės našumas ir apkrovos testavimas | Indijos programinė įranga JAV


Atsakymas 4:

Savo dėmesį sutelksiu į vaizdus, ​​nes beveik du trečdalius interneto turinio sudaro jie.

Tai per didelis faktorius, kurio negalima ignoruoti.

Yra keletas priežasčių, dėl kurių vaizdai gali sulėtinti jūsų puslapių įkėlimo laiką. Laimei, jie yra gana lengvai valdomi.

Pirmiausia turėtumėte pasukti link

„PageSpeed“ įžvalgos

ir išbandykite savo svetainę, kad sužinotumėte, ar jūsų vaizdai kelia nerimą.

***

1.Daugų vaizdo failų įkėlimas gali užtrukti ilgai

Norėdami tai išspręsti, raskite optimaliausią

ekrano dydis

Ir

rezoliucija.

Nuspręskite, kokio pločio ir aukščio atvaizdai bus rodomi skirtinguose galutinio vartotojo įrenginiuose, tokiuose kaip darbalaukis, nešiojamasis kompiuteris, planšetinis kompiuteris, išmanusis telefonas.

Standartinis 15 colių nešiojamojo kompiuterio ekranas gali parodyti apie 100 PPI (pikselių colyje) arba DPI (taškų colyje). Nėra prasmės teikti 300 DPI raiškos vaizdų.

JPEG, GIF ir PNG yra standartiniai failų formatai, galintys suspausti vaizdus, ​​kad būtų užimtas mažesnis baitų skaičius, taigi sumažinamas atsisiųsto failo dydis. Tačiau šiuos tris failų tipus galima dar labiau optimizuoti sumažinant nereikalingą pridėtinę kainą, kuri yra saugoma atvaizduose meta duomenų pavidalu.

2. Sinchroniškai įkelkite HTML, CSS, „JavaScript“ ir vaizdus

Kai jūsų svetainė sinchroniškai įkelia visus HTML, CSS, „JavaScript“ ir vaizdus kartu, pradinis pateikimo laikas gali būti labai didelis.

Ištaisykite tai atidėdami vaizdų įkėlimą. Įkelkite juos asinchroniškai po to, kai reikiamas CSS ir HTML bus pateiktas. Paveikslėliai gali būti dedami po sulankstymu ir sąlyginai įkeliami naudojant „JavaScript“, kai lankytojas nuslinka į atitinkamą puslapio dalį.

3.

Per daug vaizdų ir HTTP užklausų

Per daug vaizdų tinklalapyje ne tik padidina įkėlimo dydį, bet ir gali uždusti ryšį su serveriu, siųsdami daugiau nei leidžiamos HTTP užklausos.

Tam yra keli sprendimai, įskaitant vaizdų skaičiaus sumažinimą, CDN naudojimą ir serverio atnaujinimą.

***

Jei negalite sumažinti vaizdų skaičiaus arba išbandėte viską nepatenkindami rezultatų, eikite į šį įrašą

už dar keletą metodų, kurie turėtų jus pradėti!


Atsakymas 5:

Kas yra įprasti lėtų puslapių kaltininkai?

Didžiuliai vaizdai ir prastas kodas tradiciškai laikomi pagrindiniais veiksniais, sukeliančiais problemą.

  • Didelės nuotraukos dažnai yra pagrindinė lėto tinklalapių įkėlimo priežastis. Štai kodėl neoptimizavę svetainės vaizdų, rizikuojate, kad puslapiai užims kelis megabaitus vietos.
  • Be to, tema ir dideli failai, esantys už jos ribų, taip pat gali sulėtinti veiksmus.
  • Priegloba gali būti priežastis prarasti apkrovos greitį.
  • Įskiepiai, programos, valdikliai, bet kokie trečiųjų šalių scenarijai gali sulėtinti svetainės veikimą.
  • Pertvarkymus verta paminėti, taip pat „JavaScript“, kurie yra svarbūs dalykai, į kuriuos reikia atkreipti dėmesį.

Visi šie veiksniai gali paveikti svetainės greitį kartu arba atskirai, todėl būtina žinoti įrankius, juos naudoti analizėms ir metriką, į kuriuos reikia atkreipti dėmesį. Ne mažiau svarbūs yra būdai ir priemonės jūsų svetainės našumui pagerinti.

Šaltinis: „LoadStorm“

Dabar nagrinėsime taikomus būdus, kaip pagerinti jūsų svetainės našumą tiek kompiuteriu, tiek mobiliuoju telefonu.

1. Taikyti minifikaciją

Galite protingai patobulinti „Google“ rezultatą, sumažindami vietą, kurią užima HTML kodas. Minifikavimo procesas labai padeda taisant ir pašalinant nereikalingus ar dubliuotus duomenis. Nors tai gali apimti kodo pakeitimą, formatavimą, sutrumpinimą ar pašalinimą, kai tai būtina, norint tai suvokti, nebūtinai turi būti vystymosi genijus. Tam yra puikių WP įskiepių variantų ir įrankių,

Mažinkite

būdamas vienas ant jų.

2. Svetainės vaizdo įkėlimo laiko optimizavimas

Vartotojams nepatinka, kai ratas sukasi, kol kraunama nuotrauka, todėl nusivylę lankytojai gali tiesiog dingti. Norėdami to išvengti, pasirinkite tinkamą formatą arba suglaudinkite svetainės vaizdus. Yra daugybė įrankių, „WP Smush Image“ įskiepis ar internetinė programa „Squoosh“.

Kita vertus, labai svarbu įsitikinti, kad vaizdai nėra per maži, netikslūs ar nesuderinti su pikseliais, tada jie gali pakenkti jūsų profesionalumui ar patikimumui. Taigi išbandykite įvairius vaizdo dydžius visuose ekranuose, kad patikrintumėte, ar viskas rodoma tinkamai.

3. Įdiekite AMP

Pagreitinti mobilieji puslapiai yra galimybė suteikti jūsų svetainei žaibo greitį mobiliuosiuose įrenginiuose. Tai yra alternatyva įprastiems tinklalapiams, kuriuose pašalinta svarbiausia informacija. AMP, kaip supaprastinta originalios svetainės versija, neturi daug formatavimo. Be to, prie daugelio straipsnių galima patekti nepaliekant nei vieno puslapio ar nespustelėjus grįžimo mygtuko.

«AMP for WP»

yra paprasčiausias AMP įrankis

turinys.it

leidžia vilkti ir mesti puslapio elementus.

4. Gaukite svetainę talpykloje

Padarę pakankamai mažai pastangų, naudodami naršyklės talpyklą galite padaryti gerą poveikį puslapio greičiui.

Kiekvieną kartą vartotojui apsilankius jūsų svetainėje, reikia įkelti kiekvieną paveikslėlį ir puslapio elementą, tada sekti HTML ir kodavimą. Šios procedūros kartojamos kaskart peržiūrint svetainę, tačiau naršyklės talpyklos išsaugojimas gali palengvinti išteklių perkėlimą kiekvieno vartotojo apsilankymo metu. Elementai, kurie jau buvo įkelti anksčiau, pavyzdžiui, logotipai, poraštės ir kt., Yra tiesiog prisimenami. Paprastai didelis įkrovimo greičio padidėjimas pastebimas įgyvendinant išplovimą. „WordPress“ svetainėse galite išbandyti „W3 Total Cache“ papildinį ir džiaugtis rezultatais.

5. Išspręskite 404 klaidas

404 klaidos ne tik nuvilia svetainės vartotojus, bet užima vietą, kuri galėtų būti naudojama turiniui, ir lėtina svetainę.

Pašalinę tokius puslapius arba sukūrę peradresavimą į kitus svetainės skyrius, sutaupysite greičio ir brangaus srauto.


Atsakymas 6:

Man teko dirbti keliose svetainėse, kuriose našumas buvo problema, ir kitose, kur atsakymo dydis buvo labai didelis. Užuot tiesiog pakartoję keletą akivaizdžių pasiūlymų iš žemiau pateiktų ar rastų atsakymų

čia

, tai yra keli iš retesnių būdų, kuriuos radau:

Sumažėjęs puslapio dydis (tai taip pat sumažins puslapio įkėlimo laiką)

  • Norėdami sutvarkyti nereikalingą žymėjimą, naudokite galiojančias HTML žymėjimo taisykles. Tai apima pasirenkamų žymų apipjaustymą ir nereikalingų atributų citatų neįtraukimą („W3C“ dokumentacijai spustelėkite čia). Tai ypač naudinga, jei turite dideles lenteles ar išskleidžiamuosius meniu.
  • Jei naudojate šabloninį variklį, pvz., „Smarty“, įsitikinkite, kad baltųjų tarpelių nėra tarp priešakinių kilpų (taip, tie „skaitomumo“ baltieji tarpai yra įtraukti į atsakymo išvestį).
  • Patikrinkite visas savo pavadinimo žymas, kad įsitikintumėte, jog jos yra kuo trumpesnės.
  • Jei jūsų žymelei nereikia ID, jos neįtraukite - nustatykite stilius naudodami kombinatorius (pvz., Div> p, o ne duokite vaikui) id).
  • Jei beviltiška, sutrumpinkite labai didelių lentelių eilučių ar lentelių langelių klasių / id pavadinimus.

Sumažėjo puslapio įkėlimo laikas

  • Įsitikinkite, kad visos jūsų užpakalinės užklausos yra kiek įmanoma optimizuotos. Tai apima užklausų indeksų pridėjimą ir tik minimalaus reikalingų duomenų gavimą (pvz., Nesirinkite *, nebent jums to reikia). Tai sumažins laiką iki pirmo baito.
  • Naudokite tinginio įkėlimo būdus, kad išvengtumėte .js ir .css failų įkėlimo, kol tai absoliučiai būtina.
  • Kur įmanoma, pakeiskite vaizdus „GlyphIcons“ arba „FontAwesome“.
  • Įsitikinkite, kad net neįprastai talpykloje (per .htaccess ar CDN) failų tipai (pvz., .Woff ir .eot) yra talpykloje.
  • Naudokite tokį įrankį kaip CSSBurner, kad rastumėte nereikalingus ir kitaip nereikalingus žymėjimus CSS, kad sumažintumėte .css įkėlimo laiką.
  • Jei įmanoma, vietoje jQuery / AngularJS ir kt. Naudokite gryną „Javascript“ - „Javascript“ yra daug greitesnis. Atminkite, kad apskritai poveikis bus reikšmingas tik esant daugybei iterijų.

Atsakymas 7:

Vienas iš svarbių veiksnių, galinčių sutrumpinti tinklalapio įkėlimo laiką, yra jo optimizavimas. Optimizuotas internetinis puslapis ne tik pasirodys kaip reaguojanti svetainė, bet ir sumažins interneto prieglobos serverių įkėlimo laiką. Tinklalapio optimizavimas yra skirtas ne tik tiems, kurie peržiūri puslapį siauromis juostomis, bet ir labai svarbu tiems, kuriems reikia parodyti savo svetainę, kad būtų galima greičiau prisijungti.

Reikia maksimaliai išsirinkti gerą žiniatinklio prieglobą, kad jos svetainė veiktų kuo geriau. Tinklalapių prieglobos paslaugų teikėjų yra šimtai, todėl reikia pasirinkti žiniatinklio prieglobą kuo atsargiau ir mokytis.

Maksimalus našumas su HOSTINGRAJA VPS SERVERIU

Yra keli svarbūs būdai, kuriais galite sutrumpinti svetainės įkėlimo laiką.

Vaizdų dydžio keitimas ir optimizavimas

Vaizdų optimizavimas yra vienas iš paprasčiausių būdų, kuriais galite sumažinti tinklalapio dydį ir jo įkėlimo laiką. Svetainės vaizdai sunaudoja daug pralaidumo, o tai turės įtakos svetainės įkėlimo laikui. Čia ne vienintelis sprendimas yra tinklalapio ir HTML atvaizdų dydžio keitimas, nes tai nepakeis vaizdo dydžio. Yra keletas išorinių įrankių, kuriais galite pakeisti vaizdą. Taip pat galėsite naudoti vaizdo optimizavimą, kuris sumažins dydį neprarandant vaizdo kokybės.

CDN naudojimas tinklalapio optimizavimui

Kai yra CDN, kuris naudojamas svetainei, tai reikštų, kad jūsų svetainė yra paskirstoma skirtingu serverių, esančių skirtingose ​​pasaulio vietose, skaičiumi. Kai bus paprašyta pamatyti svetainę, tada jie gaus duomenis iš artimiausioje vietoje esančių serverių. Yra daug didelių serverių, kurie vykdo CDN, įsitikindami, kad svetainė veikia daug geriau ir greičiau.

Vengdami vaizdo įrašų tinklalapyje

Yra keletas vaizdo failų, kurie kartais gali būti labai dideli. Įkelti vaizdo įrašus į tinklalapį yra sudėtinga. Geriau nenaudoti savarankiškai teikiamos vaizdo įrašo svetainėje, vietoje to galite naudoti trečiųjų šalių vaizdo įrašų svetaines, tokias kaip „YouTube“.

Perjungdami papildinius, kai jie nenaudojami

Jei naudojate daug svetainės papildinių, tada yra tikimybė, kad svetainė taps labai lėta. Geriausias būdas yra ištrinti arba išjungti papildinius, kurie nenaudojami.