5 moduri de optimizare pagini web, blog-ul de dezvoltare web

În ciuda faptului că viteza conexiunii la internet este în creștere de furtunos, cu toate acestea, nu există nici un motiv să nu pentru a optimiza lor de web-sat, pentru a accelera de descărcare de conținut. Pe acest subiect, în blog-ul nostru, ne uităm la cinci moduri de a reduce dimensiunea paginilor web și, prin urmare, pentru a mări viteza de descărcare lor.

1 mod. prescurtare CSS

Primul mod de a ajuta la reducerea dimensiunii paginilor web numai pe octeți, în cazul în care acesta este o pagină mică, dar dacă este vorba despre un site mare, cu o mulțime de CSS, atunci această metodă poate fi foarte util.

Există prescurtare CSS pentru mai multe proprietăți, cum ar fi: background-imagine, fundal repeta si background-position, etc.

Astfel, neoptimizat CSS ar arata astfel:

Mai multe CSS prescurtare vom lua în considerare mai târziu pe blog-ul nostru.

Metoda de optimizare 2. Imagine

Un alt mod de a reduce „greutatea“ a paginii web este de a utiliza Instrumentul de optimizare a imaginii, cum ar DynamicDrive sau ImageOptimizer.net. De altfel, puteți descărca programul de pe și de a optimiza imaginile offline.

Ei bine, în plus față de optimizare a imaginii, menținând în același timp imaginea, de exemplu, în Photoshop, nu utilizați calitate 100%, în cazul în care nu este necesară. Încercați să găsiți cea mai bună potrivire între greutatea imaginii și kachesvo acesteia.

Metoda 3: Proiectarea Optimizare

Utilizați imagini pentru butoane de navigare - o idee rea, nu numai pentru SEO. Utilizați o imagine de fundal, și puneți deasupra textului. Și motoarele de căutare este de gust, și să fie mulțumit de juzverej 🙂

Minimizarea codul, eliminați turele suplimentare, virgula după ultimele proprietăți ale fiecărei clase sau ID-ul, etc. Desigur, se va face codul mai ușor de citit, deci ar trebui să păstreze întotdeauna la îndemână o versiune care poate fi citit de faptul că, în orice moment a avut posibilitatea de a edita codul.

Metoda 5. markup Optimizați (divuri tabele) vs.

Folosind tabele, poate - cel mai simplu mod, dar nu și cele mai eficiente. Folosind divs, trebuie să scrie mult mai puțin cod decât tabele atunci când scrieți. În plus, diva vă permite să creați un design mai flexibil.

Să ne uităm la foarte simplu exemplu de două coloane scrise în divah:

și cu ajutorul tabelului:

conținut mâna stângă

conținut mâna dreaptă

Dar, chiar și atunci când se utilizează divs, trebuie să fii atent să nu folosească excesiv Diva, asa-numita „înveliș“, care, de fapt, nu dau nimic.

Urmand aceste sfaturi, puteți reduce mult dimensiunea paginilor web și, prin urmare, viteza de download-uri lor. Iar viteza site-ului, la rândul său, place vizitatorilor.