php blog magyarul

Weboldal optimalizálás a “másik” oldalról

Weboldalak szerkesztésekor, remélem azért odafigyelnek a fejlesztők az erőforrások nem pazarló használatára. Ez elengedhetetlen, hogy ha forgalom érkezik az oldalra, ne terhelje nagyon, esetleg túl az alkalmazást kiszolgáló szervert. Azonban ha az oldalak generálása gyors, és a szerverünk terheltsége rengeteg tartalékot rejt magában, még nem garantált, hogy a felhasználók egy gyors, jól használható, emiatt nem idegesítő (na mi van már, miért nem jön be) oldalt fognak használni…

A kutya ott van elásva, hogy attól hogy az adatot a böngésző gyorsan kapja meg, még nem biztos, hogy azt gyorsan meg is lehet jeleníteni. Az alábbi listában, csak néhány lehetőséget említek meg:

  • használjunk a expires header-eket a statikus állományok kiszolgálására, erre létezik apache modul is,
  • css fájlokat lehetőleg headerben hívjuk be, hogy ha az oldal html tartalma megérkezik, a böngésző egyből le tudja renderelni,
  • firefox esetében mindig, és ie esetében akkor, ha nincs defer kulcsszó a javascript kódokat behívó html tagben, a renderelés megszakad, mert a böngészőnek le kell futtatni a javascriptet, hiszen lehet benne document.write, ami megváltoztathatja a html tartalmat, tegyük ezeket a dokumentum végére ha lehet.

Nem mellékesen létezik egy érdekes, és használható eszköz a teljesítménybeli problémák kiderítésére. Az YSlow Firebug kiterjesztésként telepíthető, természetesen a Firebug pedig egy Firefox plugin. Személy szerint hamar megkedveltem, és tényleg megéri legalább egyszer kipróbálni.

7 hozzászólás, szólj hozzá Te is!

  1. Hát ez eléggé a jéghegy csúcsának a hegyének a karcolgatása ;), ráadásul a legfontosabb szabály lemaradt. Érdemes megemlíteni Steve Souders-t, közvetve vagy közvetlenül az ő munkájából merítettél. Ez első adag ajánlásáról szóló előadás: http://www.youtube.com/watch?v=BTHvs3V8DBA És a készülő új könyvéhez készült toolhoz tartozó videó: http://www.youtube.com/watch?v=oaxZtKAlLRk

  2. Ezt meg sikerült lehagynom, ez a legutóbbi előadása, ami már az új könyv első pontjait taglalja, ezek is elég tanulságosak: http://sites.google.com/site/io/even-faster-web-sites .

  3. Steve Souders-t nem ismertem, de most megtaláltam a blogját, és első ránézésre érdekesnek tűnik: http://stevesouders.com/ Köszönöm az ajánlást.

  4. Tessék olvasni Ajaxianon a performance tagot, de frontendesként erről napokat tudnék regélni :) De meg tetszik a blog, be is tettem rss-ek közé - éppen Dwoo-val játszottam, úgy kötöttem ki itt.

  5. szabi

    Nem állítom, hogy gyakran frissül a blog.

  6. YSlow-al tessék vigyázni, mert szeret túlzott memória használtatot okozni. Ha nem használod, inkább tiltsd le.

Hozzászólás írása: “Weboldal optimalizálás a “másik” oldalról”