Tippek, hogy gyorsítsák letöltési oldalon a cikkeket és órákat létre egy honlapot wordpress
A betöltési idő a webhely a fő befolyásoló tényező a használhatóság és a látogatók viselkedését. Internet-felhasználók szívesen várjon lassú loading oldalak, míg a „pillanatnyi” oldal okoz nagyobb elégedettséget és nagy öröm a látogató. Ma, az internet-kapcsolat sebessége egyre nagyobb, és a sok webes fejlesztők nem gondol optimalizálni az oldalakat, hogy javítsák a sebességet, és ez egy nagyon fontos tényező. Ebben a cikkben kapsz alapvető tipp javítására web-oldalak aránya és használhatóságának javítása érdekében a web-alapú alkalmazás.
1. Csökkentsük a fájlok száma
Számának csökkentése fájlok az oldalon csökkenéséhez vezet a kívánt HTTP kapcsolatok letölteni őket, ezáltal felgyorsítja a folyamatot. De hogyan csinálják? Használhatja a következő módszerekkel
Használata CSS sprite
Ahelyett, használjon külön kép a háttérben a különböző elemek, lehetséges, hogy összekapcsolják őket egy és CSS sprite módszer erre a fájlra. Ez jelentősen csökkenti a letöltések száma és felgyorsítja oldal betöltése.
Keverjük össze CSS / JS fájlt egy
Ha túl sok CSS / JS fájlokat az oldalon, akkor az uniót jelentősen csökkentheti a kérelmek száma.
2. Csökkentse a fájlok mérete
Nagy fájlok nyilván igényel sok időt tölteni, mert a segítségével bizonyos technikákat, akkor csökkenti a fájl méretét.
Csökkentsd a HTML-fájl
Használja HTML-minifikator mint a HTML Tidy. akkor fölösleges szóköz és sortörés.
Csökkentse CSS / JS fájlok
Optimalizálja a képeket a weben
3. optimalizálása a szerver oldali
Gyorsítótár dinamikus oldalak
Ha egy dinamikus oldal caching szerver böngésző megjeleníti a statikus fájlokat, akkor kevesebb időt vesz igénybe, mint a generáció az oldal. Webszerverek, mint az Apache optimalizált nagyon hatékony szolgáltatást statikus tartalmat. Ha a WordPress, a gyorsítótár-oldalak megfelelnek plugin WP-Super gyorsítótár.
engedélyezze GZip
A legtöbb modern böngésző képes együtt dolgozni GZip, amelynek használatát a szerver oldalon, hogy csökkentse a méretét HTML, CSS / JS fájlokat, mielőtt elküldi őket a böngésző, csökkentve ezzel az átvitt forgalom.
Használja Lejár fejlécek statikus tartalom
Olyan tartalmak nem változnak gyakran, például képek, CSS, JS fájlokat, hozzátéve elévülési fejléc lehetővé teszi a használatát a böngésző cache-t. Beállítás Lejár egy későbbi időpontban lehetővé teszi a böngésző nem keresik újra erőforrások és vigye a gyorsítótárból.
Az alábbi kódot lehet beállítani lejár fejléceket Apache használatával .htaccess fájlban:
Az elévülési fejléc statikus tartalom jelentősen javítani fogja a tapasztalat a felhasználók visszatérnek a webhelyre, mert a statikus tartalmat szolgálja egy helyi cache a böngésző.
Felhasználási vágás URLah
Megszabadulni a 404-es hibák
404-es (az oldal nem található) vezet fejtermékek mind a szerver és a böngésző. Ellenőrizze a szerver naplók, vagy keressen meg törött linkek és kijavítani azokat.
Mindig használja favicon.ico
A legtöbb böngésző próbálják megtalálni favicon.ico a domain, hogy adjunk egy kis ikon helyén, függetlenül attól, hogy rendelkezésre áll a html. Ha nem kívánja használni a favicon.ico, akkor egyszerűen helyezze átlátszó ikont a gyökere a helyén, és a böngésző nem kapja meg a 404-es hiba, amikor megpróbálja kinyitni.
4. HTML-javítások
Egy másik jó módja annak, hogy javítsa a sebesség a webhely, hogy optimalizálja a html oldalt úgy, hogy kiírja a képernyőre a lehető leggyorsabban, hogy javítsa a megítélése a webhely látogatói. Következő nézzük meg néhány tippet optimalizálására HTML megjelenítésének felgyorsítására.
Feltöltés stíluslap az oldal tetején
Mindig helyezze a stíluslapot az oldal tetején, a tag
. ez teszi a fokozatos terhelés az oldal. Kézhezvételét követően a tartalmat HTML böngésző, akkor megjelenik ez vonatkozik rá a CSS stílusokat.Ne használja @import
Ha @import külső stíluslapok, akkor abba, mert @import vezethet progresszív letöltés stíluslapok helyett párhuzamos, de nagy számú táblázatok csatlakozás sorrendjében is változhatnak. mindig csatlakozni stíluslapok.
További információ a @import akkor a cikket ne használjon @import
Kerülje a CSS kifejezések
CSS kifejezések néha hasznos lehet, de ezek rendkívül hatékony fut a böngészőben. CSS böngészők számított kifejezést, amikor az oldal betöltődik, amikor görgetése és általában minden alkalommal az egeret mozgatni. Az egyik kifejeződése CSS oldalon fogják értékelni ezerszer a böngészőben. Akkor ezt nézd meg a számláló, belsejében egy kifejezést.
Adja meg a magasságát és szélességét a kép
Mindig adja meg a magasságát és szélességét img tag. így a böngésző képes lesz tanulni képméretet feltöltés előtt a szerverre. Ellenkező esetben a böngésző tudja a méretét a kép csak teljes letöltés.
Kerülje nagyítás képeket a böngésző
Ha az ingatlan szélessége és magassága az img tag megjelenítéséhez a nagy képeket, mint kicsi, akkor arra kényszerítik a böngészőt, hogy több munkát a megjelenítés. Jobb, hogy egy miniatűr képet egy link.
Nyilvánvaló, hogy mind az utolsó Tanács nem alkalmazható abban az esetben, alkalmazkodóképesség.
Jelölje ki JS / CSS kódot külső fájlokat.
Megpróbálja kiosztani az egész JS / CSS kódot a külső fájlok elküldése helyett közvetlenül a HTML-ben. A böngészők képesek gyorsíthatóságát JS / CSS fájlok, amelyek hasznosak lesznek, ha visszatérő látogató.
5. Egyéb optimalizálás
Amellett, hogy technikákkal említettük, vannak más módon, hogy gyorsítsák fel az oldal betöltése.
Csökkentse a névfeloldások
Egynél több domaint statikus tartalom
Amint az jól ismert böngészők van egy határ a több egyidejű beérkező fájlokat az azonos domain, ezért a használata al-domain segíthet a párhu- letölteni az oldalt. Például, ha a webhely hívják moysayt.rf. A statikus tartalmat lehet adni egy ilyen domént és stat1.moysayt.rf stat2.moysayt.rf. Ez nem vezet növekedését száma DNS-lekérdezések, mert a kérelem moysayt.rf már kialakult.
Használja a domain cookie-k nélkül a statikus tartalom
Ha a webhely használ cookie-kat, mint a legtöbb helyen ma, meg kell tudni, hogy minden egyes kérést a szervernek, valamint egy kérelmet küldött és a cookie-kat. Ez csak általános statikus tartalmak, például JS / CSS / képeket. Osszuk el a statikus tartalmat domainek cookie-k nélkül, hogy elkerülje azt. Sok nagy oldalak használata ezt a technikát, például a Yahoo használja yimg.com szolgálni statikus tartalom. YouTube felhasználja ytimg.com statika.
Használjon tartalomszolgáltató hálózat
Egy CDN javítja a látogatói élmény az oldal, mint a tartalom letöltődik a legközelebbi szerver. Ez csökkenti a hálózati késleltetés, amikor a szerver található messze, és osztja el a terhelést a több szerver. CDN magas hatékonyság és a magas ár, így csak a nagyon nagy telek.
Optimalizálási eszközök használatával
Hasonló bejegyzések
és a végén a cikk összeköti éppen :)
hol vannak a számok? Saját vizsgálatok azt mutatják, 5-6 másodpercig a webhelyen.
furcsa, nem vette észre, sajnálom)
A pingdom csak ellenőrzött - adtam 2,47 s ismét a teljes idő, amit értem, a szerver és befejezve oldal betöltése. Van egy válaszidő a szerver tovább tart, mint a letöltés)
google 68 (100) helyezett ki ..
követően a szolgáltatás gzipa pingdom adta 2,18 s letöltési sebesség egy kicsit, elvileg)