Egy honlap életében a gyorsaság elsődleges szempont. Hogyan tudjuk felgyorsítani honlapunk sebességét?Egy honlap életében a gyorsaság elsődleges szempont. Hogyan tudjuk felgyorsítani honlapunk sebességét? Online marketing tanácsok a honlapkészítéshez

"cimkék: Honlapkészítés keresőoptimalizálás

Forrás: http://creativefan.com

Dátum: 2010-09-09

Sokmindenre kell ügyelni egy keresőoptimalizált honlap készítése során. Sokan azt gondolják, elég, ha csak a meta tageket jól megírják, és máris sikeres a honlap. Ma már azonban nem 2004-et írunk, a keresőoptimalizálás és a hatékony honlapkészítés jóval sokrétűbb. Egy honlap életében pl.  a gyorsaság elsődleges szempont. Egy gyorsan töltődő honlap, megnövelheti a látogatói interakciók számát, csökkentheti a visszafordulások arányát, továbbá jó néhány mobiltelefonos felhasználót nyerhet az oldal számára – ugyanis az egyre növekvő mobiltelefonos piacon nem tudnak órákat várni a felhasználók egy-egy oldal betöltésére. És ha mind ez nem lenne elég, számos rangsoroló algoritmusnál is fontos tényezőként szerepel egy oldal gyorsasága.

A gyors honlap fejlesztése

Jó pár olyan módszer létezik, amely segítségével fejlesztheted honlapod sebességét. Ennek a cikknek az a célja, hogy bemutassa Neked ezeket és, hogy hasznos tanácsokkal lásson el.

Napjainkban már nem kétséges, hogy a honlapok lesznek az Internet globális falujának a központjai. Egyértelműen megfigyelhető egy ugrásszerű növekedés az információhoz és a globális piachoz való hozzáférésben. A lehető legjobb és legéletképesebb honlap létrehozásáért folyó versengésben, a designerek gyakran megfeledkeznek a usability szempontokról, amiknek fontos részét képezi a honlap gyorsasága.

A honlapkészítés alaplépései:

„ A leghosszabb út is az első lépéssel kezdődik. ” A számítástechnika világára vonatkoztatva, azt is mondhatnánk, hogy egy több ezer oldalas honlap létrehozása is egyetlen kattintással kezdődik.

Manapság nem egyszerű; nagy rá az esély, hogy a honlapod elveszíti hihetőségét és ebből kifolyólag a láthatóságát is. Az út nagyon hamar véget érhet, mint ahogy Guy Almes is mondja: ”Három féle halál létezik a világon. Az egyik a szív halála, a másik az agy halála, a harmadik, pedig az, amikor megszűnünk létezni a neten.”


Így tehát, ezzel a cikkel azt tűztem ki célul, hogy felvértezzelek téged és bemutassam számodra, milyen módokon tudod felgyorsítani a honlapod betöltési sebességét. Az alábbiakban részletesen elmagyarázom ezeket a módszereket.

Módszerek a honlap sebességének felgyorsítására

1. Sűrítsd össze a tartalmat amennyire, csak tudod:
 

Mint már említettük, bánj bölcsen a sebesség kérdésével, hiszen ahogy a mondás is tartja: „aki 40 évesen bolond, az élete végéig az marad”. Ugyan ez igaz a honlapokra is, tehát nem árt előre tervezni.

Egy túlértékelt és lassú honlap – legyen akármilyen nagyszerű és ízléses is a designja – kifejezetten zavaró tud lenni a látogatók számára. Sose jusson eszedbe flash-et használni a honlaphoz szükséges alkotóelemekhez.

Az optimalizálás a lelke mindennek. Ezért amíg az optimalizálást végzed, szükséges néhány dolgot fejben tartanod.

Fontos, hogy a képek újraformázása helyett, használj inkább ikonokat.

Ne feledd el kiemelni, hogy a kép amit fel kívánsz rakni, az mekkora helyet fog elfoglalni –más szavakkal add meg a magasságát, szélességét és egyéb szükséges adatait.

Amennyiben azt hiszed, hogy a vágás megoldást jelenthet, úgy rosszul hiszed. A kép megvágása valóban lecsökkenti a betöltési időt, ugyanakkor éppen, hogy ellentétes hatást érünk el vele. Még pedig azért, mert a megvágott kép minden egyes egysége egyesével fog betöltődni.

 

2. Használj CSS-t a honlapkészítés során:

 

A CSS alkalmazásával a honlapkészítés során garantáltan fejlődni fog a honlapod sebessége; más szóval fel fog gyorsulni a betöltési ideje. Minthogy számos cél megvalósítására alkalmas, így felülmúlhatja az elvárásaidat is. Azonban a CSS alkalmazása sem teszi lehetővé az eltúlzott képek szükségességének a kiküszöbölését.

 

A mostanság divatos div tagek használata egy megbízhatóbb és hatékonyabb módot jelent a szemantikus kódok alkalmazásában, továbbá lecsökkenti a betöltési időt, és számos előnnyel jár a SEO tekintetében is.

Egy külső Javascript alkalmazásával elkerülhetővé válik a honlap oldalainak letöltésével járó kavarodás.

Amennyiben a honlap oldalait DocType típusúra szabványosítod, úgy megnövelheted a betöltési sebességet.

A CSS gyorsíróval megelőzheted az extra szüneteket a külső fájlban.

 
 

3. A legnyilvánvalóbb dolog a keresőoptimalizált honlapkészítés alaptétele:

 

Lehetséges, hogy ez most hasztalannak és nyilvánvalónak tűnik, de nagyon fontos az oldalak betöltési ideje. Ne zsúfold teli a honlapodat mindenféle tarka-barka díszes dologgal, ami csak az eszedbe jut. Talán csak egy audiót vagy egy mutatós képet szerettél volna rá feltölteni - amire persze semmi szükség nem volt-, és az lett a vége, hogy lelassítottad a honlapod betöltési idejét.
 

4. Koncentrálj a képekre:

 

A saját tapasztalataim alapján a PNG fájlformátum a legtökéletesebb optimalizáló eszköz. A tömörítésénél nem kell aggódni, nem úgy, mint a JPG és a GIF fájlformátumoknál, ahol is belefuthatunk az aktuális képünk elvesztésének vagy megduplázódásának a problémájába. Az én véleményem az, hogy a PNG egy bizonyos fokú átláthatóságot biztosít a modern böngészők körében.

 

5. Összetett felület:

 

Az olyan hosszú felületek helyett, amik csak növelik a betöltési időt, használj inkább összetett felületeket. Ez által a látogató bejárhatja az oldal első felét, amíg az oldal többi része még töltődik. Ez a látogatóban azt az érzetet fogja kelteni, hogy gyors az oldalad, és nem kell rajta sokat feleslegesen rostokolni.
 

6. A „fehér szóköz” többlet - távolítsd el!
 

Minden designer és nem designer tisztában kell, hogy legyen vele, melyik fehér szóközről is beszélek. Menj és távolítsd el a felesleges szóközöket a kódolásból és az extra tabulátorok közül. Biztos vagyok benne, hogy ez a művelet visszaveszi az extra byte-ok számát, és jelentősen felgyorsítja a betöltési időt.
 

7. Egy nagy Nem! a https-re
 

Ne próbálj kapcsolódni https://:-hez, mert 3-szor lassabb, mint a normális http. Bárhol is legyen rá szükség - például e-kereskedelemi oldalakon – mindig be kell biztosítani. Máskülönben, pedig kerüld el a https-ekhez való csatlakozást.
 

8. A keresőoptimalizálásnál is számít: Válassz jó szolgáltatót
 

A szolgáltatást biztosító cégnek egyértelműn nagyon fontos szerepe van. Két teljesen különböző dologról van szó, ha a te saját számítógépedről történik a szolgáltatás, vagy ha egy megosztott szerverről történik. Utóbbi esetében számos részletet kell átgondolnod és bizonyos kérdéseket meg kell válaszolnod, mint például, hány oldalt szolgáltasson a cég szervere, vagy hogy egy a célra rendelt szervert használjunk-e vagy sem, vagy, hogy teljes kontrolt biztosítson-e a szolgáltató cég az egész operációs rendszerünk felett. Sőt, egy szolgáltató szerver egy webes szolgáltatást használ, arra, hogy kiszolgáljon néhány virtuális szervert. Ebből kifolyólag, minél nagyobb a szám, annál lassabb lesz a szerver.
 

9. Korszerűsítés
 

Csak úgy, mint ahogy a te régi rendszereidnek, úgy a webes szervereknek is szükségük van a frissítésekre.

Amennyiben nagy forgalmat bonyolítasz, célszerű szétválasztani a tartalmat és az adatbázist külön szerverekre. Így az megbízhatóbb, biztonságosabb és gyorsabb lesz.

Az is nyilvánvaló, hogy amennyiben megnöveled a szerver memóriáját, úgy a sebessége is nőni fog. És egy gyors merevlemez nagyon kifizetődő tud lenni.

A sebesség nem minden, de a weboldal sikertényezői közül a gyorsaság az egyik legfontosabb tényező, ami a weboldal felgyorsításához szükséges. Tudnod kell, hogy két különböző dologról van szó, amikor sebességről és gyorsaságról beszélünk. Most már minden bizonnyal érted az első mondatom logikáját, amikor azt mondtam, hogy én gyorsan fogom fel a dolgokat.