Redusere nettstedets krav til båndbredde

• April 30, 2024

Suksess kan drepe. Det er en maksimal som alle webansvarlige bør huske på.

I denne tidsalderen med øyeblikkelig kommunikasjon, kan en webside som blir populær ("blir viral" i Internett-snakk) finne seg selv forslått hos besøkende. For de fleste eiere av dette nettstedet er dette en drøm som går i oppfyllelse ... helt til de kjemper for å holde serveren oppe under et skred av treff, eller ender opp med å kaste penger på webhotellfirmaene sine i et hektisk forsøk på å øke nettstedets båndbredde.

En liten forhåndsplanlegging kan ta brodden ut av den potensielle, plutselige populariteten din, og holde de daglige hostingkostnadene redusert til et minimum.

For det første kan du se på bildene til nettstedet ditt. På det typiske nettstedet er bildefiler ansvarlige for det store flertallet av båndbreddeforbruket.

Den ultimate metoden for å redusere bruken av båndbredde er ved å fjerne dem helt fra nettstedet ditt. Det betyr ikke at du konverterer nettstedet ditt til tekst; det betyr å dra nytte av et billig (tidvis gratis!) bildedelingsnettsted for å være vert for bildene dine for deg. Før du utfører en tjeneste, kan du prøve den i liten skala og deretter sjekke ut nettstedet ditt fra forskjellige steder; Noen brannmurer blokkerer automatisk bilder fra de populære delingsnettstedene, spesielt hvis besøkende besøker nettet fra sine kontordatamaskiner.

Bruker du HTML for å vise bildene mindre enn de faktisk er? Dette er et stort nei-nei for webdesignere, ettersom besøkende vil laste hele bildet (i den faktiske størrelsen) i nettleserne på hvert besøk, ved å bruke langt mer båndbredde enn siden trenger som designet. I stedet bruker du et bildedigeringsprogram for å beskjære og krympe bildet slik at det passer til sideoppsettet.

Du kan også finne at du kan lagre bilder i en lavere oppløsning uten å kompromittere utseendet deres, spesielt hvis de er ganske små. Høyere oppløsning betyr mer detaljer proppet i hver piksel, og dermed en høyere båndbreddebruk for å laste all den informasjonen i nettleseren.

En annen måte å forhindre at bilder båndbredde er ved å grøft dem til fordel for CSS-designet tekst. Denne teknikken fungerer bra med knapper og andre fancy lenker, siden du kan gjøre ganske mye med bakgrunnsfarger, grenser og: sveve pseudoklassen. Lytt inn senere for en kommende serie om hvordan du utvikler interaktive menyer ved hjelp av CSS og HTML.

Nå som du har fått bildene dine kvadrert, er det på tide å stramme inn teksten din. Ofte kan du fjerne noe av det ekstra hvite rommet fra HTML-koden. Blanke linjer mellom deler av koden kan forbedre lesbarheten, men hvis du har et dusin vognretur mellom karosseriet og den første kodelinjen, overdøver du det litt.

Når det er mulig, bruk eksterne filer for JavaScript og CSS. Når besøkende har lastet ned filen sammen med den første siden de besøker, forblir filen i nettleserens cache når de utforsker nettstedet ditt - i motsetning til å laste koden på nytt på hver side, og det er det som skjer med inline- eller toppkode.

Hvis du er vert for ditt eget nettsted, kan HTTP-komprimering spare deg for mye båndbredde. Det fungerer ved å lagre en komprimert versjon av websiden din i en midlertidig katalog, som deretter blir servert til alle besøkende ved hjelp av en komprimeringsaktivert nettleser. Du kan justere serverinnstillingene for å komprimere statiske sider, applikasjoner eller begge deler.

Å stramme opp nettstedet ditt vil hjelpe deg med å beskytte deg mot angrep på besøkende, angrep på tjenestenekt eller bare holde hosting-kostnadene redusert til et minimum. Og ikke glem, du kan slappe av med vissheten om at nettstedet ditt er pent og ryddig kodet for å levere maksimal mengde innhold på raskest mulig tid.

Video Instruksjoner: Welcome to Google Ad Grants (April 2024).