Sådan optimeres din hjemmeside for hastighed

{h1}

Webstedsejere bruger meget tid på at optimere deres websites til konverteringer og salg. Men det er lige så vigtigt at optimere dit website for hastighed.

Webstedsejere bruger meget tid på at optimere deres websites til konverteringer og salg. Nogle gange fokuserer en person for meget på en ting, som de overgiver alt andet, herunder vigtige webstedselementer som belastningshastighed. Ifølge Nielsen Normal Group forbliver en gennemsnitlig bruger kun på en side om 10-20 sekunder, så der er ikke meget tid til at fange brugeren og beholde dem. Hvis de bruger halvdelen af ​​de 10 sekunder, der indlæses på din side, vil deres indtryk af dit websted være ude til en dårlig start fra starten.

I denne artikel vil jeg vise dig et par forskellige teknikker til at fremskynde dit websted. Hvis du bruger et CMS-system som WordPress eller Joomla, deler jeg også nogle caching-plugins, der virker vidundere til dine blogs og hjemmesider.

Ikonfonte

ikon skrifttyper

Ikon skrifttyper er en ret ny webdesign tendens, der involverer at bruge en skrifttype bestående af ikoner. Årsagen til denne taktik er stor, fordi skrifttyper er vektor og derfor skaleres til enhver størrelse uden tab i kvalitet. Så vi kan i det væsentlige have ikoner, der ser godt ud på mobile enheder, computere og endda høj opløsning nethinden eller hi-DPI skærme.

Jeg skrev en artikel om, hvordan man bruger ikonfonter, så hvis du er interesseret i at anvende denne teknik, er det værd at læse.

Image Sprites

billede sprites

Et stort problem, der forårsager en dårlig belastningstid, kræver mange billeder, der skal indlæses. Hvis en hjemmeside bruger 30 billeder, er det i alt væsentligt 30 forskellige opkald til en server. På grund af så mange opkald kan du ikke udnytte den fulde hastighed af din internetadgang, da du downloader en flok små filer.

Billedspidser var temmelig populære for et par år siden, men brugen af ​​den har langsomt falmet væk, da webdesignere forsøger at bruge så få billeder som muligt. Hvis din hjemmeside stadig bruger mange billeder, vil jeg anbefale at implementere image sprites. Image spites giver dig mulighed for at kombinere mange individuelle billeder i et større billede, og så vil du kun vise en del af det billede, du vil have med CSS. Så hvis du kunne kombinere 30 af disse billeder til et større billede, vil hver bruger, der besøger dit websted, foretage 29 færre opkald til serverne, end de ellers ville.

CSS3 i stedet for billeder

css3 html5

Grunden til, at image sprites ikke bruges så meget længere, er, fordi designere forsøger at udnytte de seneste fremskridt i CSS til at erstatte billeder. Med nye CSS3-egenskaber som tekstskygge, boksskygge, gradienter og grænsestråle kan designere replikere de fleste ting, der blev gjort som billeder for fem år siden med bare CSS. Den eneste grund til at billeder stadig er absolut nødvendige er med fotografering, da det er et realistisk rasterbillede, som ikke kan vektoriseres. CSS Deck er en stor ressource til at se og lære, hvad der er muligt at oprette med HTML5 og CSS3 uden billeder.

CSS øverst og JavaScript nederst på siden

css indhold javascript

Nogle gange når en webside indlæses, hænger den op, fordi den venter på, at JavaScript skal indlæses. De fleste JS-scripts er ikke kodet for at indlæse asynkront, så de har potentialet til at forsinke resten af ​​din side. En smart strategi er at flytte alle JS-filer til bunden af ​​siden lige før lukkekoden. Dette tillader hele siden at indlæse, så selv om en JS-fil ikke kan indlæses, påvirker den ikke brugerens oplevelse.

Når det kommer til CSS, er den bedste teknik at forsøge at få så få CSS-filer som muligt og undgå inline styling. Men sørg for at alle CSS-filer er indlæst øverst på siden, så de læses før dit indhold.

Brug et CDN (Content Delivery Network)

indholdsleveringsnetværk

Et indholdsleveringsnetværk er stort set en webhostudbyder, der har mange serverpladser i forskellige dele af landet (eller verden) og kan sende filerne til dine brugere fra det nærmeste og mest passende sted.

Store virksomheder som Google og Yahoo har brugt indholdsleveringsnetværk i lang tid, men de begynder nu også at blive brugt i mainstream. CDN'er er ikke gratis, så du skal betale for det, men hvis du driver en virksomhed, der er afhængig af hjemmesiden, er det værd at pengene sikrer, at det er pålideligt og hurtigt.

Der er mange CDN udbydere, men nogle af de mest populære er Amazon Cloudfront, Cachefly, CloudFlare og MaxCDN.

For WordPress-brugere

Hvis din hjemmeside kører på WordPress, og du bare ikke har tid eller viden til at gennemføre ovennævnte ting, er der nogle nyttige plugins til at hjælpe dig. Cache-plugin caches automatisk dine sider, så de bliver servert til brugeren meget hurtigere. Det eneste du skal gøre er at installere det og lade det gøre sin magi. Der er mange andre caching-plugins, så eksperimenter og se, hvilken fungerer bedst for dig og dit websted.

For Joomla-brugere

Ligeledes for Joomla websites er der mange gode udvidelser til at fremskynde din hjemmeside. En, jeg har fundet særligt nyttig, er RocketThemes RokBooster-udvidelse. Det kombinerer automatisk dine JS- og CSS-filer og koder dine billeder. Du bør øjeblikkeligt se boostet i dit websteds belastningsydelse efter installationen af ​​denne udvidelse.

Konklusion

Der har du det! Flere forskellige måder at gøre din hjemmeside hurtig, så dine brugere ikke er frustrerede og tvunget til at forlade dit websted, før de selv ser din besked eller et produkt. Husk altid, at du vil gøre det problemfrit for dine brugere at komme til dit websted, se dine produkter eller tjenester, og køb eller kontakt dig. Gør det ikke svært for dem ellers vil de bare give deres forretning til din konkurrent.

Webstedsejere bruger meget tid på at optimere deres websites til konverteringer og salg. Nogle gange fokuserer en person for meget på en ting, som de overgiver alt andet, herunder vigtige webstedselementer som belastningshastighed. Ifølge Nielsen Normal Group forbliver en gennemsnitlig bruger kun på en side om 10-20 sekunder, så der er ikke meget tid til at fange brugeren og beholde dem. Hvis de bruger halvdelen af ​​de 10 sekunder, der indlæses på din side, vil deres indtryk af dit websted være ude til en dårlig start fra starten.

I denne artikel vil jeg vise dig et par forskellige teknikker til at fremskynde dit websted. Hvis du bruger et CMS-system som WordPress eller Joomla, deler jeg også nogle caching-plugins, der virker vidundere til dine blogs og hjemmesider.

Ikonfonte

ikon skrifttyper

Ikon skrifttyper er en ret ny webdesign tendens, der involverer at bruge en skrifttype bestående af ikoner. Årsagen til denne taktik er stor, fordi skrifttyper er vektor og derfor skaleres til enhver størrelse uden tab i kvalitet. Så vi kan i det væsentlige have ikoner, der ser godt ud på mobile enheder, computere og endda høj opløsning nethinden eller hi-DPI skærme.

Jeg skrev en artikel om, hvordan man bruger ikonfonter, så hvis du er interesseret i at anvende denne teknik, er det værd at læse.

Image Sprites

billede sprites

Et stort problem, der forårsager en dårlig belastningstid, kræver mange billeder, der skal indlæses. Hvis en hjemmeside bruger 30 billeder, er det i alt væsentligt 30 forskellige opkald til en server. På grund af så mange opkald kan du ikke udnytte den fulde hastighed af din internetadgang, da du downloader en flok små filer.

Billedspidser var temmelig populære for et par år siden, men brugen af ​​den har langsomt falmet væk, da webdesignere forsøger at bruge så få billeder som muligt. Hvis din hjemmeside stadig bruger mange billeder, vil jeg anbefale at implementere image sprites. Image spites giver dig mulighed for at kombinere mange individuelle billeder i et større billede, og så vil du kun vise en del af det billede, du vil have med CSS. Så hvis du kunne kombinere 30 af disse billeder til et større billede, vil hver bruger, der besøger dit websted, foretage 29 færre opkald til serverne, end de ellers ville.

CSS3 i stedet for billeder

css3 html5

Grunden til, at image sprites ikke bruges så meget længere, er, fordi designere forsøger at udnytte de seneste fremskridt i CSS til at erstatte billeder. Med nye CSS3-egenskaber som tekstskygge, boksskygge, gradienter og grænsestråle kan designere replikere de fleste ting, der blev gjort som billeder for fem år siden med bare CSS. Den eneste grund til at billeder stadig er absolut nødvendige er med fotografering, da det er et realistisk rasterbillede, som ikke kan vektoriseres. CSS Deck er en stor ressource til at se og lære, hvad der er muligt at oprette med HTML5 og CSS3 uden billeder.

CSS øverst og JavaScript nederst på siden

css indhold javascript

Nogle gange når en webside indlæses, hænger den op, fordi den venter på, at JavaScript skal indlæses. De fleste JS-scripts er ikke kodet for at indlæse asynkront, så de har potentialet til at forsinke resten af ​​din side. En smart strategi er at flytte alle JS-filer til bunden af ​​siden lige før lukningen tag. Dette tillader hele siden at indlæse, så selv om en JS-fil ikke kan indlæses, påvirker den ikke brugerens oplevelse.


Video: WordPress tip - Optimer din load hastighed med op til 300%


Da.HowToMintMoney.com
All Rights Reserved!
Genoptryk Af Materialer Er Mulig Med Henvisning Til Kilden - Hjemmeside: Da.HowToMintMoney.com

© 2012–2019 Da.HowToMintMoney.com