A leggyakrabban ingyenes portálmotoroknál előforduló template hiba, hogy a fejlesztők egy általános, minden célra megfelelő templatet akarnak készíteni ( hiszen ezt lehet sokszor, sok helyen eladni a weben pár $ -ért ). Ezt a problémát úgy lehetne a legjobban leírni, hogy készíts egy autót, amivel megnyered a forma-1 -et és a Párizs - Dakar sivatagi versenyt is. Legyen rajta 3-4 pótkerék, rengeteg víz, de legyen gyors, jól gyorsuljon és a kanyarban is ideális teljesítményt nyújtson a versenypályán. Nem hiszem, hogy sikerülni fog.

Hasonló a helyzet a legtöbb ingyenes CMS template megoldásaival is:

  • a CSS -ben a megírt kódkészlet 30 - 40% sehol nincs felhasználva és meghivatkozva a HTML -ből, de még a JavaScript sem végez olyan módosításokat, ami miatt a CSS jelentős részére szükség lenne
  • a HTML tele van felesleges DIV elemekkel, hogy gyakorlatilag bármi, bárhol megjelenhessen a későbbi testreszabások során

a megoldás

Ha elkészültél a weblap vizuális munkáival, akkor állj át a debug módról a végleges, éles verzióra. Vagyis:

tisztítsd ki és vond össze a fájlokat

  1. vegyél ki minden felesleges elemet a HTML forráskódból
  2. vedd ki az összes inline style formázásokat, minden formázást tegyél ki a CSS -be
  3. vondd össze a CSS fájlokat
  4. vondd össze a JS fájlokat
  5. dobj ki minden felesleges kódsort a JS fájlokból
  6. dobj ki minden felesleges, nem használt formázást a CSS állományokból
  7. vegyél ki minden felesleges szóközt és sortörést az összes fájlból

Ezekkel a lépésekkel nagyságrendileg 30% -al kisebb lesz a kódméret és ezáltal ennyivel gyorsabb az oldal letöltése, megjelenítése.