Címlap » Kézikönyv

Sávszélesség optimalizálás

A Drupal alapú honlapunk jó eséllyel több CSS és JavaScript állomány letöltését is szükségessé teszi az oldal megjelenítéséhez. De maga a generált HTML oldal se a legoptimálisabb a letöltési sebesség szempontjából.

A következő lehetőségek a webhely felé irányuló kérések számának és méretének csökkentését teszik lehetővé. Ez csökkentheti a szerver terhelését, a használt sávszélességet, és az oldalak betöltődésének átlagos idejét. E beállítások engedélyezése fejlesztés közben nem javasolt.

A következő listákon láthatjuk a generált HTML kimenetet, a két mód közti különbséget.

<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/admin_menu/admin_menu.css?J" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/views/css/views.css?J" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/book/book.css?J" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/node/node.css?J" />

<link type="text/css" rel="stylesheet" media="all" href="/modules/poll/poll.css?J" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/defaults.css?J" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/system.css?J" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/system/system-menus.css?J" />
<link type="text/css" rel="stylesheet" media="all" href="/modules/user/user.css?J" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/cck/theme/content-module.css?J" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/extlink/extlink.css?J" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/lightbox2/css/lightbox.css?J" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/tagadelic/tagadelic.css?J" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/img_filter/img.css?J" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/zen/zen_classic/html-elements.css?J" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/zen/zen/tabs.css?J" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/zen/zen/block-editing.css?J" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/zen/zen_classic/layout-garland.css?J" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/zen/zen_classic/icons.css?J" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/zen/zen_classic/zen-classic.css?J" />
<link type="text/css" rel="stylesheet" media="print" href="/sites/all/themes/zen/zen_classic/print.css?J" />

Jól látszik, hogy a sok CSS fájl letöltése helyett csak egyre lesz szükség. Ez pedig előnyös.

<link type="text/css" rel="stylesheet" media="all" href="/files/css/170cd14ddd3f65bb0afbcbf7d025acfe.css" />

Fejlesztés alatt hagyjuk e lehetőségeket Tiltott állapotban.

nyomtatás