Een van die slegste dinge wat op u webwerf kan gebeur, is om kliënte te verloor weens probleme wat heeltemal voorkom kan word. Statistieke uit die 2017 Google Page Load Time-studie van 2017 demonstreer dat een sekonde 'n groot verskil in u verkeersgetalle en klanttevredenheid kan maak.
Oor net een sekonde:
U bladsye kan met 11 persent verminder
Die klanttevredenheid kan met 16 persent daal
U kan 'n 7 persent vermindering in omskakelingskoerse ervaar ��
Oor die verloop van 'n jaar kan die vertraging van een sekonde lei tot 'n daling van die inkomste van $ 2,5 miljoen vir besighede wat normaalweg $ 100,000 in daaglikse verkope beloop..
Kortom, latency is die vyand van webwerfprestasie en gebruikerstevredenheid. Drie-en-vyftig persent van die verbruikers noem dat hulle 'n webwerf sou verlaat wat meer as drie sekondes geneem het om te laai.
0.1 Wat is latensie en waarom is dit belangrik??
1 Die voordele van die optimalisering van u webwerf
1.1 15 maniere waarop u vandag u webspoed kan verhoog
1.1.1 1. Aktiveer lêerkompressie
1.1.2 2. Verwyder onnodige plugins en uitbreidings
1.1.4 4. Installeer 'n inhoudafleweringsnetwerk (CDN)
1.1.5 5. Aktiveer Caching
1.1.6 6. Verklein JS- en CSS-kode
1.1.7 7. Gebruik Asynchronous JS- en CSS-lêer laai
1.1.8 8. Optimaliseer beeldlêers
1.1.9 9. Skakel hotlinking uit en beperk aandele op sosiale media
1.1.10 10. Verminder eksterne skrifte
1.1.11 11. Soek en herstel gebroke skakels
1.1.12 12. Optimaliseer u databasisse
1.1.13 13. Gebruik liggewig temas
1.1.14 14. Kies 'n goeie inhoudbestuurstelsel
1.1.15 15. Kies u gasheerdiens met die oog op prestasie
1.2 Moenie van toetsing en deurlopende evaluering vergeet nie
Wat is latensie en waarom is dit belangrik??
Daar is drie komponente wat bydra tot die leweringsnelheid van die data: bandwydte, latency en deurvoer. In kombinasie met geoptimaliseerde inhoud en kodering, gaan hierdie elemente hand-aan-hand. Kwessies met een sal die ander beïnvloed.
bandwydte is die pyplyn waaroor u data beweeg. Smal bandbreedte verminder die hoeveelheid inligting wat op enige gegewe tydstip oor daardie pypleiding beweeg. Dit lei tot vertragingsprobleme en beïnvloed die deurset.
webwerf latency word gedefinieer as die tyd wat dit neem vir inligting om die ronde reis van die blaaier na die bediener en weer terug na die gebruiker te neem. deurset is die hoeveelheid data wat binne 'n bepaalde periode oor 'n bediener beweeg.
Dit is die optimale balans tussen latency (laag) en bandwydte (hoog) wat lei tot doeltreffende aflewering en beter deurvoer. As die balans ongunstig is, sal die laai van u webwerfbladsye stadiger wees en die aflewering van data vertraag word.
Wat bydra tot die hoë latency tariewe?
voortplanting. Dit is die tydsduur wat benodig word vir datapakkette van een bron na 'n ander.
Oordragmedium. Ons het ver gevorder sedert die dae van inbel, maar die oordragmedium beïnvloed nog steeds die vertraging. Selfs sulke tegnologiese vooruitgang soos veseloptika en WAN het fisiese beperkings wat die leweringsnelhede van die inhoud beïnvloed.
routers. Wat ons met 'n muisklik kan doen of deur 'n URL in te voer, stel 'n ketting van gebeure aan die gang wat ons op die internet toegang kan gee. Vir die oë van die gemiddelde gebruiker word 'n versoek gerig op die spoed van die lig. Dit hang egter af van die vermoë van ons router om pakkopskrifte en ander inligting behoorlik te ontleed.
Hoe meer die netwerk versprei is, hoe meer keer moet 'n pakkie van router na router spring. Dit dra by tot 'n hoë vertraging.
stoor. Vertragings vind plaas elke keer as 'n pakkie data slaag of geberg word. Die proses word verder bemoeilik deur die aantal skakelaars en brûe tussen die aanvanklike blaaierversoek en aflewering. Sien verwante – die beste wolkberging
opmaak Hoe u lêers opstel en WordPress-databasisse bestuur, sal die manier waarop instruksies en kode gelees en verwerk word, beïnvloed. Skoon, skraal en elegante kode lei tot doeltreffendheid en spoed.
Lêertipes en groottes. Dit is vanselfsprekend dat kleiner lêers en eenvoudiger formatering vinniger en doeltreffender deur 'n netwerk sal beweeg. Webwerwe wat swaar is met grafika en ander ryk media, bevat meer inligting, en dit beïnvloed hoe vinnig bladsye heeltemal kan laai. Daarom is dit belangrik om u webwerf-lêers saam te druk.
Die voordele van die optimalisering van u webwerf
Of u nou besluit om 'n webwerfbouer van hoë gehalte te gebruik, 'n webontwerper in diens te neem, of u webblad op u eie te konstrueer, met inagneming van veiligheid en spoed deur ontwerp, sal u voorkoms en aflewering van u inhoud verbeter. Dit help met SEO optimalisering en bied 'n beter gebruikerservaring (UX).
Studies toon dat dit tot 22 sekondes kan duur voordat 'n mobiele webwerf die gemiddelde bestemmingsblad volledig kan laai. Verbeel jou die voordeel van die kompetisie as jy jou vragtyd tot sewe sekondes of minder kan skeer.
15 maniere waarop u vandag u webspoed kan verhoog
Die bedieners van vandag kan vragtye lewer wat in millisekondes meet eerder as sekondes. Benewens die beheer van die tegnologie wat u webinhoud aan besoekers lewer, kan u 'n aantal veranderinge en aanpassings implementeer om konsekwente, vinnige bladsybelasting te verseker en 'n meer bevredigende algemene UX.
Hier is 15 maniere waarop u die snelheid van u webwerf kan verhoog, en dit beïnvloed glad nie u inhoudskwaliteit of webwerf-estetika nie.
1. Aktiveer lêerkompressie
Lêerkompressie is niks nuuts nie. Ons het almal lêers teëgekom wat te groot is om af te laai, waartoe ons kan kom nadat hulle saamgepers is. Dieselfde idee kan help om u webwerf vinniger te laai deur Gzip-kompressie te gebruik.
Om dit uit te voer deur die kompressie-inprop vir u inhoudbestuurstelsel te installeer of handmatig deur die .htaccess-lêer. Dit sal werk vir CSS, JS, XML en HTML deur die volgende kode by te voeg:
AddOutputFilterByType DEFLATE teks / gewone
AddOutputFilterByType DEFLATE-toepassing / xml
AddOutputFilterByType DEFLATE-toepassing / rss + xml
2. Verwyder onnodige plugins en uitbreidings
As u eers u webwerf bou, is dit aanloklik om 'n aantal inproppe te installeer en te probeer. Sommige van hulle is wonderlik, maar baie meer haal uiteindelik stof in ons kaarte. Maak dit 'n reël om alle ou, onnodige of onondersteunde plugins en byvoegings of uitbreidings onmiddellik te verwyder. Dit kan dalk 'n makliker opsie wees as u dit deaktiveer, maar dit kan sekuriteitsprobleme veroorsaak en u in gevaar stel vir oortredings en uitbuiting.
Wat die veiligheid van webwerwe betref, met die fokus op die installering van net die beste WordPress-plugins, terwyl onnodige verwyderings, is ook uiters belangrik.
Daar is twee maniere waarop u bladsye kan verbeter deur HTML-optimalisering. Die eerste is om u HTTP-versoeke te verminder. U kan dit op verskillende maniere bereik:
Gebruik CSS in plaas van beelde waar moontlik
Kombineer CSS-, JS- en HTML-lêers om opblaas en ontslag te voorkom
Ontwerp skoon, eenvoudige bladsye met minder elemente
Verminder die aantal aansture deur ou bladsye en gebroke skakels skoon te maak
Die tweede manier waarop u HTML kan optimaliseer, is deur Keep-Alive in te skakel. Normaalweg begin elke lêerversoek 'n aparte aksie. Deur HTML Keep-Alive in te skakel, skep u een oop verbinding wat so bly totdat alle blaaierversoeke nagekom word. Kopieer hierdie stukkie kode in u .htaccess-lêer, omring deur die toepaslike openings- en sluitstemmer:
4. Installeer 'n inhoudafleweringsnetwerk (CDN)
Inhoudleweringsnetwerke (CDN's) verminder die laai van bladsye op dieselfde manier as bedieners. Hierdie netwerke is versprei na verskillende punte ter wêreld, waardeur iemand in daardie liggingskrag toegang tot u webwerf nader aan die huis kan verkry.
Baie gasheerdienste bevat 'n CDN as deel van hul diens, en kyk dus na beskikbaarheid voordat u met iemand aanmeld. Kyk verwant – beste Kanadese CDN's
Caching laat 'n kopie van u webblad in die gebruiker se blaaier totdat die bladsy verfris en die inhoud opgedateer word. Dit beteken minder HTTP-versoeke en bladsye om te laai. As u cache aktiveer, kan u die laai van bladsye met 1,5 sekondes verminder. In 'n era waarin elke sekonde tel, is dit 'n groot verskil.
Caching in WP kan met die Rocket-inprop of deur een van die gratis inproppe soos WP3 Total Cache of Super Cache geaktiveer word. Diegene wat HTML gebruik, kan die kas deur Etags, Expire of ander metodes moontlik maak. Drupal-gebruikers kan cache-aktivering uitvoer deur hierdie instruksies te volg.
6. Verklein JS- en CSS-kode
U kan u laai van bladsye verbeter deur die hoeveelheid kodering wat u benodig om 'n aksie te verlaag, te verminder. Begin met die opstel van 'n aparte lêer vir JS en CSS, en werk daarna om witruimte te verminder, onnodige opmerkings te verwyder en waar moontlik lêers of opdragreëls te kombineer. As u onseker is oor hoe om die kode ten beste te minimaliseer sonder om ander probleme te skep, is daar beskikbare hulpmiddels beskikbaar wat opgeblaasde kodering sal identifiseer en korrigeer.
7. Gebruik Asynchronous JS- en CSS-lêer laai
Sodra u kode skraal en doeltreffend is, kan u aanpas hoe die lêers op asynchroniese laai op u bladsy gelaai word. Dit verander hoe inhoud op u bladsy gelaai word deur dit doeltreffender te doen.
U sien dat die meeste blaaiers versoeke hanteer deur bladsye in volgorde te laai. Dit staan ​​bekend as sinchroniese bladsy laai. Elke keer as die blaaier 'n sinchroniese bladsy ontmoet, stop dit alle ander aktiwiteite totdat die huidige bladsy vol gelaai is. Met asinchrone lading kan u blaaier sommige versoeke gelyktydig hanteer, wat beteken dat die korter laai tye van die webwerf totaal is.
Die meeste inhoudbestuurstelsels het 'n meganisme om asynchroniese CSS- en JS-lêer te laai. Byvoorbeeld, WordPress het 'n "Static Files" -oortjie in hul Rocket-inprop wat u in staat stel om hierdie funksie in te skakel deur die toepaslike vakke in die gedeelte "CSS / JS-blokkering weer te gee". Nie-WP-gebruiker kan dit in JS aktiveer deur die kenmerk async of uitstel te gebruik. Vir CSS, probeer skryfstyle vir die eerste skerm in die kop van html om asynchroniese laai van die eerste bladsy moontlik te maak.
8. Optimaliseer beeldlêers
Beelde is een van die grootste hulpbronne en databasisse. Natuurlik, foto's sal u inhoud toevoeg, maar te veel sal ook die snelheid beïnvloed en die verkeer wegdryf. As u prente op u webwerf moet insluit, kies dan een of twee, verminder die lêergrootte en tik dit in iets doeltreffender soos .jpeg, of maak dit in 'n collage eerder as 'n gallery met aparte prente. U kan hulle ook skuif na 'n platform wat gemaak is vir prente, soos InstaGram, en 'n eenvoudige skakel na die platform vanaf u webwerf.
Dieselfde geld video-inhoud wat na 'n YouTube-kanaal verwyder kan word. Albei hierdie oplossings sal ook help met SEO, aangesien u dit afsonderlik kan optimaliseer deur 'n kombinasie van alt-tags te gebruik vir die indeksering van beelde en video-inhoud en SEO op die bladsy vir algehele bladsyoptimalisering. Een van ons gunstelinge is Optimizilla.
9. Skakel hotlinking uit en beperk aandele op sosiale media
As u van sosiale media en prente praat, kan u dit regkry om warm skakels op u webblad te deaktiveer en die deel van sosiale media te beperk. Die tweede voorstel lyk in stryd met alles wat u van sosiale bewys, uitreik en betrokkenheid weet, maar u kan 'n balans vind wat u teenwoordigheid op sosiale media sal ondersteun sonder om prestasie te beïnvloed..
Dit lei ons na die probleem van hotlinks. Hotlinks is 'n bietjie tegnologie wat ander mense in staat stel om u inhoud te neem en dit op hul eie webwerf of sosiale media-platform te gebruik. Dit verhoog ook u hulpbronverbruik per ongeluk.
Eerder as om na beelde of inhoud op 'n ander webwerf te skakel, of toe te laat dat u gesteel word, laai dit af en stoor dit op u bediener. Dit kan teen-intuïtief lyk, maar 'n skakel na ander webwerfinhoud kan die onbedoelde gevolg hê dat iemand anders se potensiële substandaard-werfprestasie u eie beïnvloed..
10. Verminder eksterne skrifte
Deur eksterne skrifte by te voeg vi JS-kode verhoog die aantal HTTP-versoeke, wat die snelheid van die webwerf verlaag. Sommige eksterne skrifte is nodig, en u hoef dit nie heeltemal uit te skakel nie. Met Pingdom kan u elke eksterne skakel toets om vas te stel watter probleme veroorsaak.
Voordat u eksterne skakels by u webinhoud voeg, moet u seker maak dat die bronwebwerf betroubaar is, of dat u hul probleme na u platform kan bring.
11. Soek en herstel gebroke skakels
12. Optimaliseer u databasisse
Lywige lêerberging dra beslis by tot die trae prestasie. U wil 'n volledige opname hê van elke handeling vir veiligheidsdoeleindes, maar elke keer as 'n inprop of ander funksie data stoor, word dit in u databasis opgebou. Stel jou voor al die terugslae, spammy of onnodige opmerkings, en plaas hersienings op, en jy het 'n goeie idee van die probleem.
Om hierdie probleem te vermy, voer gereelde rugsteun uit, gevolg deur suiwerings om ontslae te raak van buitensporige data sonder om onbedoelde gevolge te hê.
13. Gebruik liggewig temas
U sal verbaas wees oor die verskil tussen die verandering van u tema van iets lastig en belaai met kode na 'n liggewig raamwerk. As u webwerf stadig lyk en al die ander elemente goed is, probeer dan om 'n nuwer, ligter tema te gebruik. Dit beteken dat u dieper in die uitvoeringsgeskiedenis van die tema moet duik, eerder as om iets te soek wat mooi lyk.
Soos met plugins, moet u seker maak dat u die ou tema verwyder, eerder as om dit uit te skakel.
14. Kies 'n goeie inhoudbestuurstelsel
Inhoudsbestuurstelsels (CMS's) is van kritieke belang om betroubare spoed en werkverrigting te handhaaf. WordPress is verreweg die gewildste, maar daar is ook Joomla, Drupal en vele ander. Dit bied die voordeel van inhoudoptimalisering en die beskikbaarheid van prestasieverbeterende inprops of funksies.
15. Kies u gasheerdiens met die oog op prestasie
Dit kan aanloklik wees om 'n goedkoop gasheerdiens te vind. U brood en botter is immers op u platform, nie waar nie? Dit sal egter nie saak maak of u alle ander komponente wat bydra tot die doeltreffende werkverrigting altyd optimaliseer nie.
Dit beteken om nie net 'n plan te kies wat u in staat sal stel om verkeerspikes en groei te hanteer nie, maar ook om 'n verskaffer met die tegnologie te vind om prestasie te ondersteun. Gedeelde aanbiedingsplanne is in orde as u net begin met meer statiese inhoud. U spoed en hulpbronbeskikbaarheid is egter soms afhanklik van goeie bure.
Kies, indien moontlik, vir 'n virtuele privaat netwerk van gehalte (VPN) of a toegewyde bediener. Dit sal u voorsien van die nodige hulpbronne, berging en beskikbaarheid om stilstand en latensie te verminder.
Moenie van toetsing en deurlopende evaluering vergeet nie
Om te weet wat om aan te pas en wanneer dit afhang, hang daarvan af of u weet watter probleme die bladsye se vragtye en die algehele leweringsnelheid beïnvloed. Sommige hosting-dienste het ingeboude instrumente wat u kan gebruik om die prestasie van die webwerf te meet. Daar is ook 'n aantal metodes en instrumente wat u kan gebruik om vertraging en bladsye te meet.
Maak nie saak watter metode of instrument u gebruik nie, maak seker dat u op verskillende plekke toets. Dit is vanselfsprekend dat dit langer sal neem om bedieners wat verder van die bron af geleë is, te lewer. Geo-toetsing vanaf 'n aantal plekke sal u help om die vertragingstempo te bepaal. As u 'n spoedtoets doen, doen u dit beide met u CDN geaktiveer en afgeskakel. Dit sal u help om die doeltreffendheid van u CDN en ander tegnologie te evalueer.
Een van die mees algemene en effektiewe spoedtoetsinstrumente is Pingdom. Hierdie gratis aanlynhulpmiddel is 'n maklike manier om 'n reeks probleme met die prestasie en spoed van die webwerf te bepaal. U moet net u URL en bedienerposisie in die soekkassie invoer en op "Start Test" klik. U kan ook 'n premie-inskrywing koop vir meer in-diepte toetsing van uptime- en inhoudstipes vanaf meer as 70 bedienersposisies.
Dit is 'n voorbeeld van 'n pingtoets met Google se openbare DNS:
PING 8.8.8.8 (8.8.8.8): 56 databytes
64 byte vanaf 8.8.8.8: icmp_seq = 0 ttl = 56 tyd = 54.524 ms
64 byte vanaf 8.8.8.8: icmp_seq = 1 ttl = 56 tyd = 43.423 ms
64 byte vanaf 8.8.8.8: icmp_seq = 2 ttl = 56 tyd = 50.773 ms
'N Traceroute-instrument sal die pakkie-reis van bediener na bediener naspeur, die roete van die blaaier na die gasheer meet en enige knelpunte of ander probleme identifiseer.
Hier is 'n voorbeeld van die traceroute-opdragverslag wat dieselfde Google DNS gebruik:
traceroute tot 8.8.8.8 (8.8.8.8), maksimum 64 hop, 52 byte-pakkies
As hulle van Google praat, het hulle ook 'n gratis hulpmiddel om webwerwe vir spoed- en prestasieprobleme te toets. U kan toegang tot hul PageSpeed ​​Insights hier kry.
Toetsing is nie 'n eenmalige handeling nie. U webwerf moet 24 uur per dag gekontroleer word met behulp van outomatisering en sommige van die beskikbare instrumente vir prestasie en spoedtoetsing. sodat die resultate enige betekenis kan hê. Dit sal u help om enige probleme te identifiseer voordat dit duur probleme word.
Namate netwerke meer druk en versprei word, word die vertraging waarskynliker. Ons doel is om u die inligting te gee wat u benodig om u webwerfprestasie en -spoed te verbeter. Benewens die keuse van die beste webhostingdiens vir u behoeftes en begroting, sal die optimalisering van u inhoud en die manier waarop dit gelewer word 'n lang pad lewer om baie van die oorsake van stilstand en stadige werkverrigting uit te skakel.