Sajtens laddningshastighet. 4 huvudfaktorer.

Sajtens laddningshastighet. Hur ökar man nedladdningshastigheten? Huvudproblem.

Rekommenderad webbplatsens laddningshastighet Google - 2 sekunder. (och titta nu på din hastighet)

(Hur kontrollerar jag webbläsningshastigheten?Det enklaste och snabbaste sättet är att öppna utvecklarverktyg CTRL+SHIFT+IVälj sedan fliken "Nätverk", uppdatera sedan sidan, för att se vilken nedladdningshastighet du behöver för att uppdatera sidan, Uppdatera utan cache: du måste trycka på CTRL + F5 / CTRL + R. Och nedan kommer nedladdningshastigheten.)

Kontrollera webbplatsens laddningshastighet
använder en tjänst från Google: PageSpeed ​​​​Insights

(infografik tagen från seoprofy ©2014)

Huvudpunkterna som påverkar mest:

1. Cache
2. css (stilar)
3. JS (manus)
4. Bilder (deras vikt, storlek - ja, exakt HxB-storleken, metadata - ja, det finns en sådan sak, detta är deras information som: Datum, titel, ämne, etc.)

För att inte måla upp en massa onödig information om små ögonblick som inte påverkar eller har en försumbar effekt kommer jag inte att skriva om dem.

#1 KONTANT

cachelagring (ellercache) är en buffert (en plats) där all data lagras. I vårt fall är dessa bilder, kod, stilar och mer.

Det lättaste vad du kan göra själv är aktivera cachning på värd.
(Om du har Ukraine.com.ua-värd, måste du gå till "webbplatsinställningar" -> "grundläggande inställningar" och det kommer att finnas ett objekt "Cachning" och där väljer du hur lång tid som din webbplats ska från mig själv rekommenderar jag att ställa in den till 2 veckor - med denna cachningsperiod ger google page speed insights många poäng.)

andra metoder relaterade till htaccess, webbläsartaggar, etc. finns på Internet för en hel del artiklar och jag ser inte poängen med att måla om. Du kan läsa om typerna av cachning i artikeln om Habré.

#2 CSS (stilar)

CSS - (Cascading Style Sheets - Cascading Style Sheets).
Vad kan man göra med stilar?
Väl för det första kläm dem.
För det andra minska antalet filer, dvs. slå samman så mycket som möjligt för att minska antalet samtal till servern.
För det tredjebädda in huvudstilarna som påverkar visningen av den synliga delen av den första skärmen direkt i och lämna resten i filen.

Jag lämnar även ett par användbara länkar:

• css-komprimeringstjänster
• hur man komprimerar css-filer

#3 JS (skript)

Här har vi också flera sätt att optimera skript.

1. Skjut upp laddning av skript. Puffa den så lågt som möjligt, lägg den bakom eller till och med sänk den ibland hjälper det, ibland är det inte ett alternativ. Men punkt nummer 2 kommer till undsättning.
2. ASYNC – asynkron skriptladdning. Detta görs med parametern "async".

   Det finns mer information om asynkronisering här.
   Lite mer information om JS och dess inflytande.

3. Mindre punkt.
   JS kan också komprimeras. Slå också samman till 1 fil.

#4 Bilder

Du kan alltid göra tre saker: Titta på elden, titta på vattnet och optimera bilderna.

Ämnet är ganska omfattande, så jag ska försöka ge dig endast viktig information.

Optimera vikten.

Hur? Genom ett program eller tjänst.

• Program för massarbete med bilder Snabb stenbildmed det kan du
  Ändra storlek på bilder i bulk. Hur och vad redan googla där är inte svårt.
  Ladda ner Faststone-bild.
  
• Tjänst för att minska storleken på bilder - Panda. Eller snarare TinyPNG & TinyJPG.
  Den största fördelen med ONLINE. Ladda bara upp filerna och få tillbaka i en komprimerad version - Kvaliteten lider inte alls (det är Magic).
  Länkar: tinypng.com & tinyjpg.com

Optimera storlek.

Storleken som jag skrev ovan kan ändras med hjälp av programmet snabb stenbild.
Storleken är höjd x vikt (höjd och bredd).

Exempel:

(Om du vill veta mer om detta kan du läsa Googles hjälp om detta ämne. ARTIKEL från Google, men jag varnar dig för att den är nördig till viss del)

Vi har till exempel 2 bilder:
1) Vikt 100kb, Storlek 500x500
2) Vikt 100kb, Storlek 2500x2500
Det verkar som om vad det gör för skillnad, de väger lika mycket, därför borde det vara lika komplicerat eller enkelt att ladda dem, men det var inte där om du kontrollerade det med google sidhastighetsinsikt, det kommer fortfarande att svära på en högre upplösning bild.

Sammanfattande: Storlek spelar roll. Vikt också. (resten är inte så viktig, men enligt vissa experters argument har det också en inverkan, nu pratar jag om bildmetadata)

Jag skrev egentligen ingenting om metadata, ja, det finns inget att skriva här ...
Rensa bara alla metadata för alla bilder, enligt legenden kan du minska storleken med 2 gånger. Jag fick reda på det nyligen (angående effekten av filstorlek, jag tyckte att det var ganska obetydligt).

Kort om releasen:

• vanligaste problem med att ladda webbplatsen
• alternativ för att lösa dem
• vad du behöver vara uppmärksam på så att allt är bra

Låt oss gå till videon:

P.S.
Om du har några frågor eller inte håller med om något, skriv om det i kommentarerna.