Enkle trinn for å øke hastigheten på ditt bildetunge nettsted

4

Nettstedseieren kan etter hvert ønske å øke nedlastingshastigheten. Dette øker rangeringen av søkeresultater; dessuten er det mer behagelig for besøkende på nettstedet å jobbe med det ved å få en raskere respons på handlingene deres.

På jakt etter en rask og grei løsning, installerer nettstedseiere et stort antall plug-ins, som igjen bruker ressurser og bare bremser arbeidet. Vi har ikke noe imot optimeringsplugins, men de må brukes til punkt og prikke og med kunnskap om prinsippene for arbeidet deres.

Dessuten har nettstedeiere som aldri har opplevd administrasjon ofte en misforståelse av optimalisering. I deres forståelse er optimalisering akselerasjon av skriptet for enhver pris. Oppgaven med optimalisering er å produsere den optimale hastigheten til nettstedet til den optimale ressursprisen. Derfor kan det ikke være universelle instruksjoner for alle nettsteder.

Å gjøre nettstedet ditt raskt er en presserende oppgave for enhver ressurseier eller webmaster. Tross alt er sidelastingshastighet en av de mest kritiske faktorene for suksessen til en nettressurs, sammen med innhold av høy kvalitet og vakker grafisk design.

Sakte lasting øker sannsynligheten for å miste brukere til tider. Spesielt når besøkende kommer fra mobile enheter. Enkle anbefalinger for å øke hastigheten på nettstedets lasting, som selv en uerfaren bruker kan implementere i praksis, vil bidra til å minimere sannsynligheten for trafikktap.

1 Optimaliser HTML-kode og CSS-, JS-filer

Nedlastingsoptimalisering er umulig uten bekymring for "rensligheten" til koden som overføres til brukerens nettleser når du går inn på nettstedet. Et stort antall tegn i kildekoden påvirker lastehastigheten betydelig, så kortheten er en kritisk suksessfaktor.

Hvordan minimere kode for å øke hastigheten på lasting av nettstedet

Fjern unødvendige tegn, markup-elementer og kildekodekoder. Automatisering av prosessen vil bidra til å legge til et lite innlegg på begynnelsen og slutten av HTML-koden til nettstedet.

Denne metoden for å bufre HTML-innhold er ganske nyttig, men den kan skape en ekstra belastning på minnet med tilfeldig tilgang.

Grupper samme type CSS-filer og JS-filer. Gratis PHP-applikasjoner som JCH Optimize, Cloudflare eller Minify, som kopieres til en egen katalog og passerer gjennom alle nettstedsfilene, vil bidra til å kombinere elementene.

2 Fjern ekstra HTTP-forespørsler

Opplasting av sideelementer (javascript, bilder, CSS og flash-filer) tar opp brorparten av systemressursene når du laster et nettsted. HTTP-forespørsler for slike elementer bremser nettstedet merkbart.

For å unngå "ekstra" forespørsler, må du redusere antall komponenter på siden. Dette vil medføre en proporsjonal nedgang i serveranrop og vil øke hastigheten på lasting av nettstedet.

Dette kan gjøres på flere måter:

  • Kombiner flere bilder til én enkelt grafikkfil (CSS sprite);
  • Bruk innebygde bilder (inline-bilder) i sidestilarket;
  • Flere CSS-filer eller skript på én side slås sammen til én fil;
  • Minimer antall scenarier og plugins.
3 Ordne JavaScript og CSS i riktig rekkefølge

Det anbefales å plassere CSS-filene øverst på sidekoden, og JavaScript-en nederst. Etter denne optimaliseringen vil statisk innhold først lastes, og deretter kun dynamisk grafikk.

Flash-elementer eller animasjoner som krever mer ressurser å laste ned, vil ikke "trekke ut" fremover og ødelegge inntrykket av nettstedet fra de første sekundene. Dette vil sikre en jevn nedlasting av innhold og øke den estetiske appellen til ressursen.

4 Reduser antall eksterne skript

Eksterne skript er kodebiter (tekster) som er tilgjengelig via en ekstern lenke. Lenker skaper flere forespørsler til mange forskjellige servere, noe som til slutt bremser nettstedet. For å unngå dette, anbefales det å bruke hovedsakelig lokale skript som er innebygd i strukturen til kildekoden til siden.

Selvfølgelig vil fokus på lokale skript skape visse begrensninger i utseendet og funksjonaliteten til nettstedet. Men den resulterende fordelen med nedlastingshastighet er verdt disse "ofrene."

5 Aktiver spyling

Denne PHP-funksjonen lar deg ikke vente til brukerens server laster informasjon fra ressursen, men å sende den ut i deler. Mens dataene overføres til nettleseren, vil det åpne vinduet ikke forbli tomt, men vil jevnt fylles med lastbare elementer fra nettstedet. Slik akselerasjon er spesielt nødvendig for nettressurser med et komplekst grensesnitt og høy trafikk.

Det er bedre å plassere flush-funksjonen i begynnelsen av sidens kildekode, umiddelbart etter hodet. Fra overskriften vil HTML-innhold åpnes raskere, og du kan også aktivere parallell lasting av CSS- og JavaScript-elementer.

6 Bufre sidene

Caching lagrer noe informasjon fra sidene på nettstedet (flash, grafikk, JavaScript og CSS) til brukerens nettleser. Ved neste kjøring blir disse filene umiddelbart lastet ned fra nettleseren, noe som gir nettstedet ekstra hastighet.

Du kan aktivere hurtigbufring ved å legge til en utløpsoverskrift i HTML-koden. WordPress-nettsteder bufres enkelt ved å installere plugin-moduler med gratis eller delvis gratis funksjonalitet, for eksempel W3 Total Cache, Cache Enabler eller Zen Cach.

For nye nettsteder er det bedre å bruke caching først etter full klarhet for lansering. Hvis du aktiverer funksjonen under utvikling, kan det hende at ytterligere endringer ikke vises riktig på nettstedet.

7 Bruk en CDN

Content Delivery Network – en kjede av servere spredt i datasentre rundt om i verden for å øke hastigheten som innhold overføres til besøkende. Jo nærmere den besøkende er geografisk fra CDN-servere, jo raskere overføres datapakkene fra nettstedet.

Bruken av CDN er spesielt viktig for innhold og høybelastede portaler, hvis primærpublikum er veldig langt fra fysiske servere. Denne tjenesten minimerer ventetiden for nedlastinger fra utenlandske nettsteder, noe som bidrar til en økning i deres rangering i lokale søkeresultater. Tross alt lastes innholdet ned fra serverlageret nærmest brukeren i hans land.

8 Optimaliser grafikk og video

Du må velge riktig grafikk- og videoformat, da filformatet direkte påvirker hastigheten informasjonen presenteres for besøkende.

Anbefalte formater for forskjellig nettinnhold:

  • SVG – for vektorlogoer og enkle grensesnittelementer;
  • PNG – for skjemaer og ikke-vektorlogoer;
  • JPG – for bilder og bilder;
  • MPEG4 – for video og animasjon.

Også for video og animasjon er et relativt nytt WEBM-format tilgjengelig. I de fleste tilfeller gir det en mindre videostørrelse med samme kvalitet. Skjemaet har imidlertid begrenset nettleserstøtte (for eksempel er det ingen støtte i macOS / iOS Safari-nettleseren). Derfor anbefales det å bruke en WEBM-fil som en prioritert videokilde og installere MPEG4 som en alternativ kilde. Du kan også bruke den eneste MPEG4 hvis deling er uakseptabelt eller upraktisk.

Separat merker vi at vektorformatet (SVG) tillater skalering uten tap av grafikkkvalitet.

Stadier av bildeoptimalisering

Trinn 1 – Redusere størrelsen på bildet.

Mange populære CMS, som WordPress eller Joomla, har innebygde plug-ins for å optimalisere bilder fra originalen. Men denne metoden skaper en ekstra belastning og kan bremse nettstedet. Hver gang siden lastes inn, får nettleseren først tilgang til kildekoden, og først deretter endrer størrelsen på bildet med en gang.

For å unngå tap av hastighet når du laster bilder, vil grafiske redigeringsprogrammer innebygd i operativsystemet, for eksempel Preview (Mac) eller Microsoft Paint (Windows), samt nettjenester med lignende funksjonalitet hjelpe. Å jobbe med dem vil kreve minimale ferdigheter i å jobbe med grafikk.

Trinn 2 – Komprimer filen før du laster ned.

Selv etter optimalisering av bildestørrelsen er "vekten" vanligvis langt fra optimal. Praktiske og gratis tjenester som ImageResize eller TinyPNG bidrar til å redusere størrelsen uten tap av bildekvalitet. De fleste prosessene her er automatiserte. Brukeren trenger bare å laste opp filer og laste ned allerede komprimert til optimal bildestørrelse.

9 Bruk Gzip-filkomprimering

Gzip er en enkel metode for å komprimere nettstedsfiler for å spare kanalressurser og øke hastigheten på lasting. Ved hjelp av Gzip blir filer komprimert til et arkiv som nettleseren kan laste ned raskere, og deretter pakke ut og vise innholdet.

Å aktivere bruken av Gzip er ganske enkelt – du trenger bare å legge til noen få linjer med kode i .htaccess-filen. For eksempel, når du bruker Apache-nettserveren, er mod_gzip-modulen tilgjengelig for webmastere, for å aktivere Gzip, i dette tilfellet må du legge til slik kode i .htaccess

Gzip-filkomprimering gjøres for å redusere antall forespørsler til serveren fra en nettleser. Sagt, denne teknologien reduserer den opprinnelige vekten av filer til 70 % for å øke hastigheten på nedlastingen.

Måte å bygge inn Gzip-komprimering

Legg til følgende kodebit i ".htaccess"-nettserverens konfigurasjonsfil.

På Apache server

# BEGIN GZIP COMPRESSION
<IfModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</IfModule>
# END GZIP COMPRESSION

På Nginx server

gzip on;
gzip_comp_level 2;
gzip_http_version 1.0;
gzip_proxied any;
gzip_min_length 1100;
gzip_buffers 16 8k;
gzip_types text/plain text/html text/css application/x-javascript text/xml application/xml application/xml+rss text/javascript;
gzip_disable "MSIE [1-6].(?!.*SV1)";
gzip_vary on;
10 Endre hosting

Den mest grunnleggende metoden for å øke hastigheten på nedlastinger er å bytte vertsleverandør. Sparing på ressursallokering fører ofte til en betydelig forringelse av kvaliteten på tjenestene, noe som undergraver alle forsøk på å fremskynde nettstedet på vintreet.

Hvis manipulasjoner med innhold, kode og plugins ikke gir resultater, er det på tide å tenke på å velge et mer anstendig "hjem" for nettstedet. På et kvalitetshotell med høy tilgjengelighet og gjennomtenkt teknisk støtte, vil Internett-ressursen få en kraftig drivkraft for å øke hastigheten på arbeidet. Og dette vil bli satt pris på av et takknemlig publikum.

Det viktigste er…

Det er nødvendig å strebe etter å få tilgang til nettstedet i ikke lenger enn 2-3 sekunder. Det spiller ingen rolle om nettstedet åpner i 2 eller til og med 3 sekunder, men om det er mer, og da er dette en grunn til å tenke på å akselerere belastningen av nettstedet.

Du må også forstå at det er to parametere for sidelasthastighet.

Den første er hastigheten innholdet vises med (på dette tidspunktet er siden allerede åpen og vist til brukeren, mens den gjennomsiktige sideindikatoren fortsatt vises til alle statiske filer og asynkrone skript er koblet til).

Dessuten er det andre hastigheten på selve dannelsen av siden, da alt som måtte kobles til var koblet til. Du må fokusere på den første parameteren, dvs. det må ikke gå mer enn tre sekunder før nettstedets layout vises.

Konklusjon

Du kan ikke ignorere et slikt tall som hastigheten på å laste nettstedet. Det var han som fra de første sekundene, skaper et behagelig miljø for besøkende. Jo raskere brukeren får det ønskede innholdet, desto større er sannsynligheten for at det dannes et positivt bilde av ressursen og bygges lojalitet til den.

Dette nettstedet bruker informasjonskapsler for å forbedre din opplevelse. Vi antar at du er ok med dette, men du kan velge bort det hvis du ønsker det. jeg aksepterer Mer informasjon