Optimalizálja a css transzfert
Nem számít, hogyan telepíthető az oldalakon - a CSS-nek szüksége van az oldal gyorsabb megjelenítéséhez, nem pedig az oldal megjelenítésének lassításához.
Webdesignerek
Sajnos az ilyen gyakorlatok halálosan véget vetnek a weboldal teljesítményének. Ha a CSS egy csomó fájlban van, akkor a böngészőben megjelenő oldal megjelenése előtt elkészülnek azok a lekérdezések sötétsége, amelyek lelassítják a kijelzőt és komolyan ártalmasak a mobileszközökre való letöltés. A normál hálózati teljesítmény engedélyezéséhez minden CSS-nek egyetlen fájlban kell lennie.
Észre fogod venni, hogy a webes tervezők végül elkezdték írni a kódot, amely segít a felhasználóknak abban, ami a lehető leggyorsabban működik, bár jelenleg ... A CSS valószínűleg károsabb a weboldalra, mint segíteni.
Gyakorlati kurzus az adaptív leszállásról a semmiből!
Tanuljon meg a semmiből, hogy adaptálódjon a HTML5 és CSS3 alkalmazásokhoz a következő 6 napban
Példa az "optimalizált CSS-hírcsatornára"
Nem lehet több, mint egy külső stíluslap
Nagyon kevés CSS a stíluscímkékben a tartalom összeomlásához
Nincs CSS hívás @import
Nincs CSS HTML tagekben, mint a div vagy a h1
Ha ismeri a különböző CSS-szállítmányokat, használhatja a css kézbesítési eszközt, és megismerheti az oldal vagy a blog alkalmazását.
Ha nem ismeri, ne pánikoljon, az alábbiakban megmagyarázom mindegyiket (ígérem: ez nem annyira zavaró, mint az eleinte).
Külső CSS fájlok
A külső fájlok a fő módja a CSS weboldalakon történő alkalmazására, és valószínűleg a CSS-t ilyen módon használják. A html fejrészében van valami nagyon hasonlít a ...
Így hívja a CSS-fájlt, és hívja külsőnek, mert a CSS-stílusok elkülönülnek a HTML-től. Egy külső fájl a CSS de facto feldolgozásának egyik módja, és annak előnyei közé tartozik a webböngésző által a CSS gyorsítótárazása (emlékezés). A probléma akkor jelentkezik, ha több ilyen fájl van. Sajnos ez gyakran megtörténik a WordPress és más témákban.
Ha több CSS-fájllal rendelkezel, akkor össze kell kapcsolnod őket
Ha több külső CSS-fájllal rendelkezik, a böngészőnek le kell töltenie mindegyiket, mielőtt az oldal megjeleníthető. Ez sok jelet okoz az egyes fájlokról, amelyek az oldal lassú betöltésében fejeződnek ki. Könnyen megváltoztathatja ezt a folyamatot, ha mindegyiket egybe építheti.
Annak megtekintéséhez, hogy hány külső CSS-fájlt használ az oldaladon, ide itt
Külső CSS-fájlok összevonására vonatkozó utasításokat itt talál
Beépített CSS
A beépített CSS a HTML dokumentumban szereplő utasítások. Ennek a módszernek az a fő előnye, hogy a weboldal megjelenése előtt nem szükséges további (külső) fájlt keresni. Csak akkor számít, ha a CSS utasításai nagyon kicsiek. Ha a CSS nagy, akkor ez a módszer nem felel meg Önnek.
A beépített stílust úgy kezeljük, hogy utasításokat helyezünk el a stíluscímkék belsejében, az alábbiak szerint ...
Gyakorlati kurzus az adaptív leszállásról a semmiből!
Tanuljon meg a semmiből, hogy adaptálódjon a HTML5 és CSS3 alkalmazásokhoz a következő 6 napban
Egy kis beépített CSS valóban fel tudja gyorsítani az oldal betöltését egy webböngészőben.
Ha meg szeretné tudni, hogy az oldal beágyazott-e a CSS-be, menjen ide
A CSS beágyazására vonatkozó utasításokat itt találja
Ne használja a @import alkalmazást CSS-fájlok hívásához
Az @import metódust akkor használják, amikor a @import parancs a külső CSS fájlokat használja, ahelyett, hogy közvetlen hivatkozást használna rájuk, ahogy korábban tárgyaltuk. A CSS nevű fájlt - vagy fájljait - lassabb betöltésre kényszeríti, mint a referenciamódszer, mert így csak egyenként indulhatnak el. A kódban ez úgy néz ki ...
Az ilyen kérelmek valóban lassítják az oldal betöltési sebességét, de sok tervező még mindig használja őket, ezért ellenőrizze azok elérhetőségét.
Ha meg szeretné tudni, hogy @import-ot használsz az oldaladon, menj ide
Ha többet szeretne megtudni erről a módszerről, lépjen ide
Ne CSS attribútumokat ágyazj be a HTML elemekbe
Nagyon gyakran a stílusokat közvetlenül a HTML címkék közé helyezzük, például mindig hajlamos vagyok erre. A Google oldal sebességű kézikönyv „Optimalizálás ellátási CSS» mondta, hogy semmiképpen nem teheti meg. Azt állítják, hogy ez teszi a böngésző lassan reagál, és nem túl ügyesen illeszteni a kódot egy hasonló stílusú, mivel ez ellentétes a politika Biztonsági W3 tartalom, ami biztonsági protokoll, az alapértelmezett stílusok blokkoló elem minden szinten. Ezek a stílusok úgy néznek ki ...
A kódomban sötétek, és keményen kell dolgoznom, hogy megszabaduljanak tőlük.
Ha meg szeretné nézni, van-e CSS az oldalán, menj ide
Végezetül
Amint látja, a CSS-t számos módon használják az oldalakon, de a végén még mindig meg kell tisztítanunk a kódot, és a CSS-kézbesítés javasolt módszereit használnunk, hogy webhelyek a lehető leggyorsabban töltődjenek be.
Külső CSS stíluslapok kombinálása
Helyezzen be egy kis CSS-t a stíluscímkékbe
Ha lehetséges, ne adjon @import kéréseket a CSS-nek
Ne helyezze a CSS-t HTML elemekbe, mint a div vagy a h1
Kiadás: A webformyself parancs.
Gyakorlati kurzus az adaptív leszállásról a semmiből!
Tanuljon meg a semmiből, hogy adaptálódjon a HTML5 és CSS3 alkalmazásokhoz a következő 6 napban
A legfrissebb hírek az informatikai és webfejlesztésről a Telegram csatornán
