Indlæsningshastighed på siden. 4 hovedfaktorer.

Tags: SEO

Indlæsningshastighed på siden. Hvordan øger man downloadhastigheden? Hovedproblemer.

Anbefalede websteds indlæsningshastighed Google - 2 sekunder. (og se nu på din hastighed)

(Hvordan kontrollerer man hjemmesidens indlæsningshastighed?Den nemmeste og hurtigste måde er at åbne udviklerværktøjer CTRL+SHIFT+IVælg derefter fanen "Netværk", og opdater derefter siden for at se den downloadhastighed, du skal bruge for at opdatere siden. Opdater uden cache: du skal trykke på CTRL + F5 / CTRL + R. Og nedenfor er downloadhastigheden.)

Tjek sidens indlæsningshastighed
ved at bruge en tjeneste fra Google: PageSpeed Insights

De vigtigste punkter, der påvirker mest:

Cache
css (stile)
JS (scripts)
Billeder (deres vægt, størrelse - ja, præcis HxB-størrelsen, metadata - ja, der er sådan noget, dette er deres oplysninger såsom: Dato, titel, emne osv.)

For ikke at male en masse unødvendig information om små øjeblikke, der ikke påvirker eller har en ubetydelig effekt, vil jeg ikke skrive om dem.

#1 KONTANT

caching (ellercache) er en buffer (et sted), hvor alle data er gemt. I vores tilfælde er disse billeder, kode, stilarter og mere.

Det nemmeste det du selv kan gøre er aktivere caching på hosting.
(Hvis du har Ukraine.com.ua-hosting, så skal du gå til "webstedsindstillinger" -> "grundlæggende indstillinger", og der vil være et element "Caching", og der vælger du det nødvendige tidsrum, som dit websted vil fra mig selv anbefaler jeg at sætte den til 2 uger - med denne cacheperiode tilføjer google sidehastighedsindsigt en masse point.)

andre metoder relateret til htaccess, browser tags osv. kan findes på internettet for en del artikler, og jeg kan ikke se meningen med at male om. Du kan læse om typerne af caching i artiklen om Habré.

#2 CSS (stilarter)

CSS - (Cascading Style Sheets - cascading style sheets).
Hvad kan man gøre med styles?
Godt for det første klem dem.
For det andet reducere antallet af filer, dvs. flette så meget som muligt for at reducere antallet af opkald til serveren.
For det tredjeindlejr de vigtigste stilarter, der påvirker visningen af den synlige del af den første skærm, direkte i , og lad resten stå i filen.

Jeg efterlader også et par nyttige links:

css-komprimeringstjenester
hvordan man komprimerer css-filer

#3 JS (scripts)

Her har vi også flere måder at optimere scripts på.

Udsæt indlæsning af script. Pust det så lavt som muligt, læg det bag eller sænk det nogle gange, nogle gange er det ikke en mulighed. Men punkt nummer 2 kommer til undsætning.
ASYNC – asynkron scriptindlæsning. Dette gøres ved at bruge parameteren "async".
Der er flere detaljer om async her.
Lidt mere information om JS og dens indflydelse.
Mindre punkt.
JS kan også komprimeres. Flet også til 1 fil.

#4 Billeder

Du kan altid gøre tre ting: Se på bålet, se på vandet og optimere billederne.

Emnet er ret omfattende, så jeg vil forsøge kun at give dig vigtige oplysninger.

Optimer vægten.

Hvordan? Gennem et program eller en tjeneste.

Program til massearbejde med billeder Hurtig sten billedemed det kan du
Masser af størrelse på billeder. Hvordan og hvad allerede google der er ikke svært.
Download Faststone-billede.
Service til at reducere størrelsen af billeder - Panda. Eller rettere TinyPNG & TinyJPG.
Den største fordel ved ONLINE. Du skal bare uploade filerne og komme tilbage i en komprimeret version - Kvaliteten lider slet ikke (det er Magic).
Links: tinypng.com & tinyjpg.com

Optimer størrelse.

Størrelsen som jeg skrev ovenfor kan ændres ved hjælp af programmet hurtigt stenbillede.
Størrelsen er højde x vægt (højde ved bredde).

Eksempel:

Størrelsen	Pixels	filstørrelse
100x100	10 000	39 KB
200x200	40 000	156 KB
300 x 300	90 000	351 KB
500x500	250 000	977 KB
800x800	640 000	2500 KB

(Hvis du vil vide mere om dette, kan du læse Googles hjælp til dette emne. ARTIKEL fra Google, men jeg advarer dig om, at den til en vis grad er nørdet)

For eksempel har vi 2 billeder:
1) Vægt 100kb, Størrelse 500x500
2) Vægt 100kb, Størrelse 2500x2500
Det ser ud til, at hvilken forskel gør det, de vejer det samme, derfor burde indlæsning af dem være lige så kompliceret eller simpelt, men det var der ikke, hvis du tjekker det ved hjælp af google sidehastighedsindsigt, det vil stadig sværge ved en højere opløsning billede.

Opsummerende: Størrelse betyder noget. Vægt også. (resten er ikke så vigtig, men ifølge nogle eksperters argumenter har det også en indflydelse, nu taler jeg om billedmetadata)

Jeg skrev ikke rigtig noget om metadata, ja, der er ikke noget at skrive her ...
Bare ryd alle metadata for alle billeder, ifølge legenden kan du reducere størrelsen med 2 gange. Jeg fandt ud af det for nylig (om effekten af filstørrelse, jeg troede, det var ret ubetydeligt).

Kort om udgivelsen: