Kuidas saab vähendada lehe laadimisaega ja lehe suurust?


Vastus 1:

Tagasi Lõpeta -

Tagaosa optimeerimine sõltub sellest, millist tehnoloogiapakki te kasutate, mõõda, kus serveris on kitsaskohti, ja seejärel alustage optimeerimist

Tööriistad, näiteks Uus Relic, võivad selles osas abiks olla, kuid on ka teisi marsruute, nt MySQL-i päringulogid, Apache konfiguratsioonile, logidele aja lisamine, xdebugi, profileri kasutamine jne.

Esiots

1) Pildid

Meie etenduse suur fookus on

piltide optimeerimine.

Kasutage sobivaid vorminguid ja mõõtmeid. Kombineerige mitu pilti kihiliseks, kasutage väikeseid pildikaarte

Sisepildid

(

andmed

: URL-i skeem

), kasutatud piltide kadudeta tihendamist, laiska laadimist, pärast volditud sisu piltide allalaadimist.

2) Javascript

vältida ja

minimeerige JavaScripti blokeerimise kasutamist

. hoidke kriitiline väikese suurusega javascript inline, mis on voldi kohal esmatähtis. laadige uuesti kõik js, mida pole vaja ülemise sisu kohal. Väliste js parseri tõkestamise vältimiseks kasutage asünkropsilti

panemine

stiililehed TOPis

võimaldab lehte järk-järgult renderdada.

4) Minimeeri HTTP päringud

HTTP-taotluste arvu vähendamiseks ühendage kõik väikesed skriptifailid ühte skripti ja samamoodi ühendades kõik CSS-id ühte stiililehte.

5) kasutamine

Sisu edastamise võrk.

6) Minimeerige JavaScripti ja CSS-i ning Gzip-i komponendid

7) Jagage komponendid mitmetes domeenides, et maksimeerida paralleelseid allalaadimisi

8) Vältige tühja pildi src-i, vähendage küpsiste suurust

9) laadige alla kolmandate osapoolte sildid, analüütika, uuesti sihtimine, reklaamid, sotsiaalsed vidinad.

10) Kasutage minimaalset fondifailide arvu, kasutage CSS-i

Otsima

kriitiline renderdamistee

google'is ja loe

artiklid

käivitage põhilised veebi jõudluse kontrollid

kasutades vabalt saadaolevaid veebitoimingu tööriistu, näiteks Google PageSpeed,

Veebisaidi toimivuse ja optimeerimise test


Vastus 2:

80–90 protsenti lõppkasutaja ajast kulutatakse kasutajatele. Oma saidi kiiremaks muutmiseks proovige järgida mõnda meedet, näiteks1. Teie saidi Java-skriptid tuleb laadida viimasena, st need tuleb mulle pärast paigutada tag.See on sellepärast, et see blokeerib teie saidi renderdamiseks vajalikud ülejäänud failitaotlused / allalaadimised.2.Minimeerige taotluste arvu (css / js / pildifailid) kui võimalik.Üldiselt 4-8 vara (pildid / js / css / fonte) laaditakse paralleelselt samast domeenist alla.3.Saadake võimalikult vähe andmeid, tihendades selle. Samuti eemaldage ebavajalikud css-stiilid ja js-failid.kasutage css- ja js-failide miniversioone.Paigutage kõik css-failide taotlused ülaossa, st Kasutage spreid, st ühendage mitu ikooni suuremas pildis, kuna see vähendab taotluste arvu .5. Jagage oma vara mitmele domeenile. Kasutage võimalikult paralleelistamist. Kasutage võimaluse korral CDN-e. Kasutage näiteks jquery CDN-sid.

Loodan, et sellest on abi :)


Vastus 3:

Esiteks soovitaksin teil suhelda tarkvara testimisettevõttega, et oma veebisaidi laadimisaega täielikult analüüsida.

Laadimisaja lühendamiseks peaksite vähendama piltide mahtu, minimeerima css ja js. Kui miski ei õnnestu, proovige ühendada kõik javascripti failid ühte.

Veebisaidi toimivus ja koormustestid | Indium Tarkvara USA


Vastus 4:

Keskendun oma vastuses piltidele, sest peaaegu kaks kolmandikku veebisisu koosneb neist.

See on liiga suur tegur, et seda ignoreerida.

On mõned põhjused, miks pildid võivad teie lehtede laadimisaega aeglustada. Õnneks on need üsna hõlpsasti hallatavad.

Esiteks peaksite suunduma

PageSpeed ​​Insights

ja testige oma veebisaiti, et teada saada, kas teie pildid on tülikad.

***

1.Liiga suurte pildifailide laadimine võib võtta kaua aega

Selle parandamiseks leidke optimaalne

kuva suurus

&

resolutsioon.

Otsustage, kas erinevatel lõppkasutaja seadmetel, näiteks töölaual, sülearvutil, tahvelarvutil ja nutitelefonil on kuvari kuvamiseks hea laius ja kõrgus.

Tavalise 15-tollise sülearvuti ekraanil on ekraani kuvamise võime umbes 100 PPI (pikslit tolli kohta) või DPI (punkti tolli kohta). 300 DPI eraldusvõimega pilti pole mõtet teenida.

JPEG, GIF ja PNG on standardsed failivormingud, mis võimaldavad pilte tihendada, et võtta vastu vähem baiti, vähendades sellega allalaaditava faili mahtu. Neid kolme tüüpi faile saaks siiski veelgi optimeerida, vähendades tarbetuid üldkulusid, mida piltidega metaandmete kujul talletatakse.

2. HTML, CSS, JavaScripti ja piltide sünkroonne laadimine

Kui teie veebileht laadib sünkroonselt kõik HTML-i, CSS-i, JavaScripti ja pildid kokku, võib algne renderdamise aeg olla väga pikk.

Parandage see piltide laadimise edasilükkamisega. Pärast vajaliku CSS-i ja HTML-i renderdamist laadige need asünkroonselt. Kui külastaja kerib lehe vastava osa alla, võib pildid panna voldi alla ja laadida JavaScripti kasutades tingimuslikult.

3

Liiga palju pilte ja HTTP-päringuid

Liiga palju pilte veebilehel suurendab mitte ainult laadimise mahtu, vaid võib ka serveriga ühenduse lämmatada, saates rohkem kui lubatud HTTP-päringuid.

Sellele on mõned lahendused, sealhulgas piltide arvu vähendamine, CDN-i kasutamine ja serveri uuendamine.

***

Kui te ei saa piltide arvu vähendada või olete kõike proovinud ilma tulemusi rahuldamata, minge sellele postitusele

veel mõne tehnika jaoks, mis peaksid teid kasutama!


Vastus 5:

Millised on aeglaste lehtede tavalised süüdlased?

Traditsiooniliselt peetakse probleemi põhjustavateks mahukateks piltideks ja kehvaks koodiks.

  • Veebilehtede aeglase laadimise peamiseks põhjuseks on sageli suured pildid. Sellepärast ei optimeeri saidi pilte, vaid võite saada lehti, mis hõivavad mitu megabaiti ruumi.
  • Lisaks võivad teema ja sellest väljaspool olevad suured failid asju aeglustada.
  • Laadimiskiiruse kaotamise põhjuseks võib olla hostimine.
  • Pistikprogrammid, rakendused, vidinad, tegelikult võivad mis tahes muude tootjate skriptid saiti aeglustada.
  • Märkimist väärib ümbersuunamised ja ka JavaScript, mis on olulised punktid, mida tuleks vaadata.

Kõik need tegurid võivad saidi kiirust mõjutada koos või iseseisvalt, sellepärast on oluline teada tööriistu, kasutada neid analüüside jaoks ja mõõdikuid, millele tähelepanu pöörata. Mitte vähem olulised on viisid ja vahendid oma veebisaidi toimivuse parandamiseks.

Allikas: LoadStorm

Vaatame nüüd rakendusi, kuidas parandada oma veebisaidi toimivust nii arvutis kui ka mobiilis.

1. Rakendage minimeerimine

Saate oma Google'i skoori märkimisväärselt parandada, minimeerides HTML-i kodeeringus kasutatava ruumi. Minimeerimise protsess aitab siin palju kaasa mittevajalike või dubleeritud andmete parandamise ja eemaldamise kaudu. Ehkki see võib hõlmata koodi muutmist, vormindamist, lühendamist või eemaldamist, kui see on vajalik, ei pea selle mõistmiseks olema arengugeenius. Sellel eesmärgil on märkimisväärsed WP-pistikprogrammi valikud ja tööriistad,

Minimeeri

nende peal olemine.

2. Veebisaidi pildi laadimisaja optimeerimine

Kasutajatele ei meeldi, kui pilt laaditakse ringi keerledes, nii et pettunud külastajad võivad lihtsalt ära minna. Selle vältimiseks valige sobiv vorming või tihendage saidi pildid. Tööriistu, WP Smush Image pistikprogrammi või Squoosh veebirakendust on palju, nende nimetamiseks on palju.

Teisest küljest on oluline tagada, et pildid poleks liiga väikesed, ebatäpsed ega pikslitega seotud, kuna need võivad kahjustada teie professionaalsust või usaldusväärsust. Seega kontrollige kõigil ekraanidel erinevaid pildisuurusi, et kontrollida, kas kõik kuvatakse õigesti.

3. Rakendage AMP

Kiirendatud mobiililehed on võimalus pakkuda oma veebisaidile mobiilil välkkiirust. Need on alternatiivid tavalistele saidilehtedele, kus on eemaldatud kõige olulisem teave. Kuna AMP on algse saidi lihtsustatud versioon, pole sellel palju vorminguid. Veelgi enam, mitmele artiklile pääseb juurde, jätmata ühelt lehelt lahku ega klõpsates tagasi nuppu.

«AMP WP jaoks»

on lihtsaim vahend AMP-sõbraliku meisterdamiseks

sisu.it

lubab lehe elementide lohistamist.

4. Hankige veebisait vahemällu

Mõistlikult vähese vaevaga saate brauseri vahemällu salvestamise kaudu saavutada hea mõju lehe kiirusele.

Iga kord, kui kasutaja teie saiti külastab, tuleb laadida kõik pildid ja leheküljeelemendid ning järgida HTML-i ja kodeerimist. Neid protseduure korratakse iga kord, kui sait vaadatakse, kuid brauseri vahemälu võib ressursi vabastamist iga kasutaja visiidi korral uuesti laadida. Juba varem laaditud elemendid, näiteks logod, jalused jne, tuletatakse lihtsalt meelde. Reeglina täheldatakse kasseti rakendamisel saidi laadimiskiiruse suurt suurenemist. WordPressi saitide jaoks võite proovida pistikprogrammi W3 kogu vahemälu ja tulemust nautida.

5. Lahendage vead 404

404 viga mitte ainult ei häiri saidi kasutajaid, vaid hõivavad ruumi, mida võiks sisu jaoks kasutada, ja aeglustavad saidi kasutamist.

Selliste lehtede eemaldamine või teistele saidilõikudele ümbersuunamise loomine aitab säästa kiirust ja väärtuslikku liiklust.


Vastus 6:

Olen pidanud töötama mitmetel saitidel, kus probleemiks oli jõudlus, ja teistes, kus reageerimise suurus oli väga suur. Selle asemel, et lihtsalt korrata mõnda ilmsemat soovitust allolevatest vastustest või leitud vastustest

siin

, need on mõned vähem levinud viisid, mida olen leidnud:

Vähendatud lehe suurus (see vähendab ka lehe laadimisaega)

  • Tarbetu märgistuse kärpimiseks kasutage kehtivaid HTML-i märgistamise reegleid. Nende hulka kuulub valikuliste siltide kärpimine ja mittevajalike atribuutide tsitaatide väljajätmine (W3C dokumentatsiooni jaoks klõpsake siin). See on eriti kasulik, kui teil on suured tabelid või rippmenüüd.
  • Kui kasutate mallmoodulit, näiteks Smarty, veenduge, et esiosa silmustest oleks tühikud (jah, need „loetavuse” valged ruumid sisalduvad vastuse väljundis)
  • Kontrollige kõiki pealkirjasilte, et veenduda, kas need on võimalikult lühidad.
  • Kui teie silt ei vaja id, ärge kaasake seda - määrake stiilid, kasutades võimaluse korral kombinaatoreid (nt lapse andmise asemel div> p id).
  • Meeleheitel lühendage väga suurte tabelite ridade või tabeli lahtrite klassi / id nimetusi.

Vähenenud lehe laadimisaeg

  • Veenduge, et kõik teie taustpäringud oleksid võimalikult optimeeritud. See hõlmab päringutele indeksite lisamist ja ainult minimaalse hulga vajalike andmete hankimist (nt ärge valige VALI *, kui vajate). See vähendab aega esimese baitini.
  • Kasutage laisaid laadimistehnikaid, et vältida .js-failide ja .css-failide laadimist, kuni see on tingimata vajalik.
  • Asendage pildid võimaluse korral GlyphIconsi või FontAwesome'iga.
  • Veenduge, et isegi aeg-ajalt vahemällu salvestatud (.htaccessi või CDN-i kaudu) failitüübid (nt .woff ja .eot) oleksid vahemällu salvestatud.
  • Kasutage CSS-i koondatud ja muul viisil mittevajalike märgistuste leidmiseks CSSBurnerit .css laadimisaegade vähendamiseks.
  • Kasutage võimaluse korral jQuery / AngularJS jne asemel puhast Javascripti - Javascript on palju kiirem. Pange tähele, et üldiselt on efektid märkimisväärsed ainult paljude iteratsioonide korral.

Vastus 7:

Üks olulisi tegureid, mille abil saab veebilehe laadimisaega vähendada, on selle optimeerimine. Optimeeritud veebileht ei tõesta mitte ainult reageerivat veebisaiti, vaid vähendab ka veebimajutusserverite laadimisaega. Veebilehe optimeerimine pole keskendunud mitte ainult neile, kes vaatavad seda lehte kitsal teel, vaid ka väga oluliseks neile, kes peavad oma veebisaiti kiirema ühendava võrgu jaoks näitama.

Oma veebisaidi maksimaalse jõudluse saavutamiseks tuleb valida hea veebi. Veebisaidi hostimise pakkujaid on sadu, seetõttu tuleb veebi host valida võimalikult ettevaatlikult ja uurida.

Maksimaalne jõudlus HOSTINGRAJA VPS-i serveriga

On vähe olulisi viise, kuidas saate veebisaidi laadimisaega vähendada.

Piltide suuruse muutmine ja optimeerimine

Piltide optimeerimine on üks lihtsamaid viise, kuidas saate vähendada veebilehe suurust ja ka laadimisaega. Veebisaidi pildid kulutavad palju ribalaiust, mis mõjutab veebisaidi laadimisaega. Siinkohal pole veebisaidi ja HTML-vormingus piltide suuruse muutmine ainus lahendus, kuna see ei muuda pildi suurust. On mõned välised tööriistad, mille abil saate pildi suurust muuta. Samuti saate kasutada pildi optimeerimist, mis vähendab suurust ilma pildi kvaliteeti kaotamata.

CDN-i kasutamine veebisaidi optimeerimiseks

Kui veebisaidi jaoks on olemas CDN, tähendaks see, et teie veebisaiti levitatakse erineval arvul serverites, mis asuvad erinevates maailma osades. Kui veebisaidi kuvamise taotlus esitatakse, saavad nad andmeid lähimas asukohas asuvatelt serveritelt. Paljud suured serverid täidavad CDN-i, veendudes, et veebisait toimib palju paremini ja kiiremini.

Vältides veebilehte Videod

Mõned videofailid võivad mõnikord olla väga suured. Siin on videote üleslaadimine veebilehele keeruline. Parem on mitte kasutada veebisaidi jaoks ise hostitud videot, selle asemel võite kasutada oma veebisaidil kolmandate osapoolte videosaite, näiteks youtube.

Pluginate vahetamisega, kui neid ei kasutata

Kui kasutate veebisaidi jaoks palju pistikprogramme, on tõenäoline, et see muudab veebisaidi väga aeglaseks. Parim viis on mittekasutatavate pistikprogrammide kustutamine või desaktiveerimine.