Snabba Upp Din Webbsida

Hur man kan Snabba Upp Din Webbsida

behöver du veta hur man påskynda din webbplats? Det är bra : alla vet att det första steget kommer att erkänna att du har ett problem! Nu kan vi ta steg för att fixa din sakta fylla på hemsidan med några enkla förändringar i din sidlayout. Inte så djupt i din webbplats HTML-och CSS-kod är där de flesta av de problem som ge, att stänga av din digital magnum opus till inget mer än en trög soppa på en webbsida.

Denna riktlinje kommer att hjälpa dig squash de där irriterande ner ladda gånger, undervisning du hur man påskynda din hemsida med bara några enkla idéer som du kan genomföra i dag. Om en person följer dessa steg, bör du se en uppenbarligen snabbt sidan laddas tid, och mer nöjda besökare!

Slut katalogen Web-adresser med ett snedstreck

En av de enklaste förbättringar du kan göra kommer att vara att se till att alla i din katalog hyperlänkar ha en URL som slutar med ett “/” snedstreck. Att ” h det. Det kan tyckas lite liten för att ha en verklig effekt på din webbplats, men genom att lägga till ett snedstreck en person tillåta servern att omedelbart få reda på att det är verkligen en katalog hyperlänk, och inte URL: en till mappar.

Exempel: < a href=”yourwebsite”>

ta Bort onödiga tecken & kommentarer

en Annan lätt jobb, som kommer att göra din webbplats så mycket snabbare är att ta bort / ta bort så många oanvända tecken som du kan, inklusive de som visas i kommentaren taggar. Sådana tecken omfattar vitt utrymmen plus linjen återvänder, liksom. Dessa onödiga tecken tar upp en hel byte i samband med data , som kan lägga till upp till en ganska ett problem på lång sikt.

Det innebär en kommentar med ett antal meningar i det kan hog en hel kilobyte data för att ensam; Tänk dig att hastigheten på en sida med en samling av sådana kommentarer. Du kan komprimera din fil-storlek med upp till en tiondel av dess ursprungliga dimension genom att följa detta steg ensam, och att få minska text fluff i din programkod.

ta Bort värdelös META tags & innehåll

META-taggar har alltid varit omtyckt av sökmotoroptimering (SEO) grupp, även om deras senaste värdet har sjunkit avsevärt. En gång i tiden, dessa var användbara för att visa nyckelord och förklaring taggar för att sökmotorer som Google, som sedan skulle använda denna information till stöd i deras rankning av webbplatsen. Missbruk av hemsidans ägare till sport rankingen har sedan devalverat META innehåll hårt, och din webbplats' s hastighet skulle ha varit långt bättre att eliminera onödiga taggar eller innehållet samt minska undertrycka META innehåll till 200 tecken i samband med mindre .

Relativa kontra absoluta ring ups

När du ringer upp en LÄNK i koden för din sida, är det mycket sannolikt att du använder den “absoluta” – metoden, där URL-adressen skrivs ut helt. Detta hjälper till att undvika att dilemma för de flesta, och enkelt kan redigeras med ut orsakar en kaskad av problem hela webbplatsen' s interna länkar, men det är inte den mest effektiva metoden för att länka. Relativ call episoder möjliggör en mycket mer exakt stenografi, vilket vanligtvis innebär också mindre data som används.

Exempel: i Stället för “<a href=”yourwebsite>” du kan också skriva “<a href=”/katalog/fil. jpg” >

Gruppen “klass” – attribut i en enda tagg

att Tillämpa CSS till specifika element kan vara ett problem som du kan kopiera och infoga din “klass” – attribut i varje nödvändig tag – det totala antalet som skulle kunna vara i dussintals, eller ens hundratals. Lyckligtvis, du kan bokstavligen kväva detta problem i sin linda genom att använda kontextuell väljare taggar som “< div> ” eller “< p> ” till gruppen val av element som annars skulle hamna otymplig (och mycket utrymme i anspråk). Du kan då gälla alla stil förklaringar till att div / period klass, i stället för individuellt till vissa delar, rensa ut en enda röra av ineffektiva tecken.

< div class sama dengan “redtext” >

< p> Exempel på röda textinnehåll # 1 < / p>

< p> Exempel associerade med röd text # 2 < / p>

< p> Exempel på röd text # 3 < / p>

Optimera CSS för fåfänga bilder

Bilder är notoriskt långsamma med att fylla i förhållande till deras textuella bröder, men det betyder inte att du måste låta bilder mosse din webbplats rakt ner. Underverk av CSS aktivera webbplats byggare många alternativ som man kan förbättra deras sida belastning i kreativitet institutionen, av vilka den ena är att ringa uppåt dekorativa / fåfänga bilder via CSS. Säg att du har bild1. png, som är 150×150 pixlar (en bra square); du kan använda CSS för att fylla den bilden efter ditt textinnehåll, vilket innebär att besökare inte måste invänta bilden för att läsa först:

< div kurs = “css-bild” > < / div>

Du kan också spara på att lansera gånger när du byter en enkel text-orienterade bilder, gilla-knappar och annonser, med CSS versioner. CSS-versioner är inte riktigt bilder på sina egna, tekniskt, men en sammanställning av många styling delar som kommer samman för att producera en faksimil av en bild.

använd inte mat tabeller för layout! Använd CSS!

Är du att använda sig av HTML-tabeller för att styla din egen sida' s layout? Tja, låt mig stoppa dig rätt – att använda sig av tabeller i stället för riktiga CSS-design är en av de största rookie-misstag webbplats kodare göra. Tala med någon form av kodare och du' ll har samma svar: inte använda tabeller för layout! Tid. Webbläsare har att tolka tabeller två gånger (en gång för struktur, en gång med avseende på innehåll), när CSS är vanligtvis mycket mer ögonblicklig.

en Annan fråga är det faktum att tabeller kommer inte att läsa någon komponent förrän hela affären är gjord, och broowers måste re-load matbord varje nytt besök. CSS-koden kan klumpas ihop till en enda post som är lagrade i user' h cache för framtida referens, som oftast sätter CSS vägen framåt i sporten i tid för nedladdning.

Dra nytta av CloudFlare' s page optimering

CloudFlare är händer ned bland de bästa verktygen ute för att förbättra din webbplats, på fler sätt än att bara hämta priser av hastighet. När du sätter din sida på webben, det som är kvar naken och öppna upp för att alla inkommande trafik, oavsett om eller inte det är legitimt, mekaniska, eller även maligna. När du registrerar dig för CloudFlare, din hemsida är skyddat av internationellt distribuerade moln av nätverk som besökare dirigeras innan de blir skickade till din webbplats.

Denna ombokning är praktiskt taget osynlig, men det kommer säkert att hålla hackare, skräppost och andra skadliga enheter från att få fullständig tillgång till din webbplats (som de kunde misshandel för att sakta ner din sida individer, eller ännu värre). Du inte behöver ladda ner eller installera något, och du behöver inte ens använda dig av koden. Allt som krävs är lite tweak till din domän' h DNS, och du är etablerad!

Du behöver inte ta reda på att din sida' s lastning hastighet är viktigt, och inte heller några besökare. Om du vill ha det bästa i the biz att få din webbplats igång enkelt, oberoende av dem som skulle orsaka din egen sida, skada, då behöver du den hastighet och säkerhet för CloudFlare. Glöm bara inte att sätta för att använda sig av alla av de ovan nämnda verktyg för att sidan laddar framgång! (*