![\"\"](\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2021\/12\/Como-hacer-que-su-sitio-web-sea-increiblemente-rapido.jpg\" "\\"insanely")
<\/p>\n <\/p>\n
G\u00e5 med i programmet! Det \u00e4r inte 1996 l\u00e4ngre: dagens webbplatsbes\u00f6kare \u00e4r lika toleranta mot l\u00e5ngsamma laddningar som de \u00e4r mot de gamla uppringda modemljuden som vi alla brukade h\u00f6ra f\u00f6r att komma online.<\/p>\n
Men grejen \u00e4r att det inte bara \u00e4r bes\u00f6kare som hatar l\u00e5ngsamma sajter: Google och andra stora s\u00f6kmotorer anv\u00e4nder nu webbplatsens hastighet som en rankningsfaktor. Med andra ord kommer du att flagga b\u00e5de l\u00e4sare och s\u00f6kmotorer om du tvingar b\u00e5da grupperna att f\u00f6rv\u00e4nta sig alltf\u00f6r stora bilder, \u00f6verdrivna HTTP-f\u00f6rfr\u00e5gningar och andra webbplatselement som kan sakta ner laddningstiderna.<\/p>\n
S\u00e5 med allt detta i \u00e5tanke, om du bara g\u00f6r en SEO-uppgift den h\u00e4r veckan, l\u00e5t den till\u00e4mpa f\u00f6ljande b\u00e4sta praxis f\u00f6r webbplatshastighet f\u00f6r att g\u00f6ra din webbplats blixtsnabb:<\/p>\n
En viktig faktor som avg\u00f6r hastigheten p\u00e5 din webbplats \u00e4r hur m\u00e5nga HTTP-f\u00f6rfr\u00e5gningar som m\u00e5ste skickas innan din webbplats \u00e4r fulladdad. Med tanke p\u00e5 den komplexa designen p\u00e5 de flesta webbplatser nuf\u00f6rtiden \u00e4r det inte ovanligt att ha dussintals bilder som m\u00e5ste laddas varje g\u00e5ng du f\u00f6rs\u00f6ker komma \u00e5t sidan.<\/p>\n
F\u00f6r varje bild som laddas upp skickas en HTTP-f\u00f6rfr\u00e5gan. Som ett resultat genererar fler bilder i din webbdesign fler HTTP-f\u00f6rfr\u00e5gningar, vilket \u00f6kar tiden det tar att ladda din webbplats, eftersom den totala storleken p\u00e5 alla bilder som laddas ner tillsammans \u00e4r mycket st\u00f6rre \u00e4n om bara en efterfr\u00e5gas.<\/p>\n
L\u00f6sningen h\u00e4r \u00e4r att komprimera och kombinera alla dina webbplatslayoutbilder med CSS-sprites. Med den h\u00e4r tekniken kan du avsev\u00e4rt minska m\u00e4ngden kommunikation som sker mellan en bes\u00f6kares webbl\u00e4sare och din server genom att adressera antalet HTTP-f\u00f6rfr\u00e5gningar som skickas, samt den totala storleken p\u00e5 bilden som m\u00e5ste laddas ner innan den laddas upp. din hemsida. .<\/p>\n
F\u00f6r att komma ig\u00e5ng med den h\u00e4r tekniken, kolla in Spriteme-verktyget samt instruktionerna p\u00e5 den h\u00e4r sidan som f\u00f6rklarar processen f\u00f6r att kombinera bilder till CSS-sprites.<\/p>\n
Det r\u00e5der ingen tvekan om att anv\u00e4ndning av bilder p\u00e5 din webbplats g\u00f6r dina sidor mer visuellt tilltalande, men det \u00e4r ocks\u00e5 uppenbart att varje bild du l\u00e4gger till p\u00e5 din webbplats har potential att sakta ner. Eftersom att \u00e5terv\u00e4nda till sidor som helt best\u00e5r av text \u00e4r n\u00e4stan uteslutet vid det h\u00e4r laget, \u00e4r det viktigt att f\u00f6rst\u00e5 hur du kan optimera din webbplats bilder enligt SEO b\u00e4sta praxis.<\/p>\n
En studie utf\u00f6rd av The Poynter Institute, The Estlow Center for Journalism & New Media och Eyetools.com visade att st\u00f6rre bilder \u00e4r mer ben\u00e4gna att locka bes\u00f6kare och beh\u00e5lla deras uppm\u00e4rksamhet, j\u00e4mf\u00f6rt med mindre bilder. I sj\u00e4lva verket, enligt studien, visade ett experiment med mindre bilder kontra st\u00f6rre bilder att 600 % fler m\u00e4nniskor uppm\u00e4rksammar n\u00e4r st\u00f6rre bilder anv\u00e4nds.<\/p>\n
Tyv\u00e4rr, medan anv\u00e4ndning av stora bilder p\u00e5 din webbplats kan vara effektivt f\u00f6r att dra folk till ditt inneh\u00e5ll; Ju st\u00f6rre bilder du anv\u00e4nder, desto mer bandbredd kr\u00e4vs f\u00f6r att komma \u00e5t din webbplats och desto l\u00e5ngsammare blir den. N\u00e4r du anv\u00e4nder f\u00f6r m\u00e5nga bilder blir din webbplats s\u00e5 l\u00e5ngsam att folk st\u00e4nger den innan de ens har en chans att se bilderna.<\/p>\n
I de flesta fall ligger l\u00f6sningen i att optimera dina bilder med hj\u00e4lp av mindre filstorlekar som fortfarande beh\u00e5ller sin kvalitet och genomslagskraft. Du kan avsev\u00e4rt minska storleken p\u00e5 varje bild p\u00e5 din webbplats genom att komprimera, \u00e4ndra storlek p\u00e5 eller optimera dina bildfiler innan du laddar upp dem till din server.<\/p>\n
Det \u00e4r dock den d\u00e4r “f\u00f6re”-delen som m\u00e5nga webbansvariga missar. Om du anv\u00e4nder WordPress vet du f\u00f6rmodligen att det h\u00e4r popul\u00e4ra verktyget f\u00f6r webbplatshantering l\u00e5ter dig ladda upp bilder i full storlek till din webbplats och sedan visa en \u00e4ndrad version i dina artiklar. Dessa \u00e4ndringar g\u00f6rs i farten och kr\u00e4ver ingen ytterligare anstr\u00e4ngning fr\u00e5n webbmastern n\u00e4r det g\u00e4ller att \u00e4ndra eller komprimera bildfiler.<\/p>\n
Men utan att de flesta WordPress-anv\u00e4ndare vet om det, kommer de flesta webbl\u00e4sare att ladda hela bilden f\u00f6rst innan de m\u00e4rker WordPress-kommandot f\u00f6r att \u00e4ndra storlek p\u00e5 bilden, vilket s\u00e5 sm\u00e5ningom kommer att \u00f6ka tiden det tar att ladda din webbplats. Som du f\u00f6rv\u00e4ntar dig kan du undvika detta genom att \u00e4ndra storlek p\u00e5 dina bilder till den exakta storlek du vill ha innan du laddar upp dem till din webbplats. Specifikt kan du:<\/p>\n
Du kan ocks\u00e5 snabba upp din webbplats genom att anv\u00e4nda Content Delivery Networks (CDN), stora samlingar av servrar som finns p\u00e5 flera platser runt om i v\u00e4rlden. I grund och botten, n\u00e4r du laddar upp ditt inneh\u00e5ll till ett CDN, kommer flera kopior av din webbplats att lagras p\u00e5 olika servrar i olika l\u00e4nder, redo att levereras till personer som bes\u00f6ker din webbplats fr\u00e5n n\u00e4rliggande platser.<\/p>\n
Som en allm\u00e4n regel \u00e4r en av faktorerna som p\u00e5verkar hur snabbt anv\u00e4ndare kommer att kunna komma \u00e5t din webbplats din plats. Till exempel kommer en anv\u00e4ndare fr\u00e5n USA att kunna komma \u00e5t en webbsida som \u00e4r v\u00e4rd f\u00f6r USA mycket snabbare \u00e4n en anv\u00e4ndare fr\u00e5n Tyskland kommer att kunna ladda samma amerikanska sidor.<\/p>\n
N\u00e4r du anv\u00e4nder ett CDN kommer ditt servern\u00e4tverk automatiskt att erbjuda den version av din webbplats som \u00e4r v\u00e4rd p\u00e5 n\u00e4rmaste server, snarare \u00e4n att erbjuda samma lokalt v\u00e4rdversion av din webbplats till alla. Resultatet? Snabbare webbladdningstider och n\u00f6jdare anv\u00e4ndare \u00f6verlag.<\/p>\n
Om du \u00e4r fascinerad av potentialen hos CDN, kolla in MaxCDN och Amazon CloudFront, tv\u00e5 fantastiska tj\u00e4nster som kan hj\u00e4lpa dig att navigera i processen att \u00f6verg\u00e5 till ett CDN.<\/p>\n
Ett annat steg f\u00f6r att g\u00f6ra din webbplats otroligt snabb \u00e4r att avsev\u00e4rt minska antalet plugins du anv\u00e4nder p\u00e5 din webbplats.<\/p>\n
Olika plugins kommer inte bara att sakta ner din webbplats utan kommer ocks\u00e5 att g\u00f6ra din webbplats mer s\u00e5rbar f\u00f6r potentiella s\u00e4kerhetshot. Detta g\u00e4ller s\u00e4rskilt om du anv\u00e4nder ett CMS-system med \u00f6ppen k\u00e4llkod som WordPress, eftersom varje plugin kodas av en annan person, vilket leder till inkonsekvent kod och nya kryph\u00e5l i s\u00e4kerheten.<\/p>\n
Dessutom kan de flesta saker du anv\u00e4nder plugins f\u00f6r kodas in i ditt tema, inklusive:<\/p>\n
N\u00e4r du funderar p\u00e5 att installera ett plugin, st\u00e4ll dig sj\u00e4lv dessa tv\u00e5 fr\u00e5gor f\u00f6rst:<\/p>\n
Om det \u00e4r m\u00f6jligt att l\u00e4gga till \u00f6nskad funktionalitet till din webbplats tema, ist\u00e4llet f\u00f6r att installera ett annat plugin, prata med din webbutvecklare om att l\u00e4gga till den n\u00f6dv\u00e4ndiga koden f\u00f6r att bibeh\u00e5lla snabba laddningstider.<\/p>\n
En d\u00e5lig vana som m\u00e5nga webbansvariga faller in i \u00e4r att b\u00e4dda in bilder som finns p\u00e5 andra webbplatser eller servrar i sina artiklar, ofta f\u00f6r att det verkar l\u00e4ttare att g\u00f6ra \u00e4n att ladda ner, \u00e4ndra storlek och ladda upp bilder p\u00e5 egen hand.<\/p>\n
Tyv\u00e4rr kommer det inte att gynna dig att vara v\u00e4rd f\u00f6r dina bilder p\u00e5 en annan server. Att g\u00f6ra det kan inte bara leda till potentiella upphovsr\u00e4ttsintr\u00e5ng (s\u00e4rskilt om du inte har tillst\u00e5nd att l\u00e4nka direkt till bilderna i fr\u00e5ga), utan det kan ocks\u00e5 g\u00f6ra din webbplats l\u00e5ngsammare. N\u00e4r en l\u00e4sare bes\u00f6ker en sida p\u00e5 din webbplats som anv\u00e4nder en hotlink-bild, m\u00e5ste servern beg\u00e4ra inneh\u00e5ll fr\u00e5n din webbplats. f\u00f6rst<\/strong> innan du beg\u00e4r bilden fr\u00e5n den andra servern.<\/p>\n Som ett resultat kan n\u00e5gon av f\u00f6ljande situationer uppst\u00e5:<\/p>\n Den uppenbara l\u00f6sningen p\u00e5 detta problem \u00e4r att undvika hotlinks helt och h\u00e5llet och vara v\u00e4rd f\u00f6r alla din webbplats bilder p\u00e5 din server (f\u00f6lj tipsen som beskrivs tidigare i den h\u00e4r artikeln f\u00f6r att optimera dessa bilder f\u00f6r webbplatsens hastighet).<\/p>\n Slutligen kan du snabba upp din webbplats genom att implementera ett cachingsystem. I grund och botten inneb\u00e4r detta att n\u00e4r en anv\u00e4ndare g\u00e5r in p\u00e5 en viss sida p\u00e5 din webbplats, sparas en version av den sidan automatiskt p\u00e5 anv\u00e4ndarens dator s\u00e5 att den kan serveras omedelbart, snarare \u00e4n att laddas om, i h\u00e4ndelse av att f\u00e5 tillg\u00e5ng till den. igen i framtiden.<\/p>\n N\u00e4r den \u00e4r korrekt konfigurerad f\u00f6rhindrar detta att nya f\u00f6rfr\u00e5gningar g\u00f6rs till din server varje g\u00e5ng samma sida l\u00e4ses in, vilket g\u00f6r din webbplats snabbare f\u00f6r nya och \u00e5terkommande bes\u00f6kare.<\/p>\n Om du inte redan har en cachningsl\u00f6sning installerad, kolla in Varnish-programmet, som enkelt kan laddas in p\u00e5 din server. Eller, om du \u00e4r en WordPress-anv\u00e4ndare, kan du installera W3 Total Cache-plugin som kommer att hantera flera olika cachningsfunktioner automatiskt.<\/p>\n Visst, det h\u00e4r \u00e4r bara n\u00e5gra av de olika stegen du kan ta f\u00f6r att f\u00e5 en blixtsnabb webbplats. Vetenskapen bakom webbplatsens hastighet \u00e4r komplex och mycket teknisk; Genom att g\u00f6ra dessa rekommenderade \u00e4ndringar b\u00f6r du dock kunna f\u00f6rb\u00e4ttra din webbplats laddningstider tillr\u00e4ckligt mycket f\u00f6r att tillfredsst\u00e4lla b\u00e5de kr\u00e4vande bes\u00f6kare och s\u00f6kmotorindexeringsprogram.<\/p>\n Bild: JD Hancock<\/p>\n \n
<\/span>Cachelagra din webbplats<\/span><\/h2>\n