Tömöríteni szeretné CSS-, HTML- és javascript-fájljait a WordPress-en?
Amikor tömöríti webhelye CSS-, HTML- és Javascript-fájljait, értékes időt takaríthat meg webhelye oldalbetöltési sebességén. Most nem arról beszélünk, hogy felére vagy bármi másra csökkentsük az oldalak betöltési sebességét, de amikor a webhely sebessége van, akkor minden apróság számít.
Webhelyének betöltési sebessége nemcsak az új látogatók számára fontos, hanem a keresőmotorok rangsorolása szempontjából is.
A "kisebbítA programozási nyelv leírja a felesleges karakterek eltávolítását a forráskódból. Ezek a karakterek szóközöket, sortöréseket, a megjegyzéseket és blokkolja azokat a határolókat, amelyek hasznosak nekünk, emberek, de haszontalanok a gépek számára.
Csökkentjük egy weboldal CSS, HTML és JavaScript kódot tartalmazó fájljait, hogy webböngészője gyorsabban olvashassa őket.
Olvassa el a következő cikkben is: 10 WordPress plugin, hogy javítsa a sebességet a blog
Itt van egy példa a CSS minigációra.
CSS a bányászat előtt
/ * Példa CSS fájlra ---------------------------------- / .user-profile-card { margin: 0px; háttér: #33E43} .user-profile-description {border: 0; pozíció: abszolút; szélesség: auto; margin-top: 20px; }
CSS az aprítás után
.user-profile-card{margin:0;background:#33e43}.user-profile-description{border:0;position:absolute;width:auto;margin-top:20px}
Nyilvánvaló, hogy ez csak egy kis példa egy CSS-kódrészlet használatával, de elképzelheti, hogy mennyi helyet takarít meg, ha több ezer sornyi kódot zsugorít.
Hogyan növeljük a WordPress blogján eltöltött időt? Tudja meg ezt a cikket.
Tehát, ha manuálisan szeretné megtenni, technikailag megteheti. De nagy a kockázata a hibának, és feleslegesen pazarolja értékes idejét!
Kövesse ezeket a tippeket, és használja a rendelkezésére álló eszközöket.
Néhány eszköz a tömörítés végrehajtásához
Szerencsére a weboldal fájlméretének csökkentéséhez nem feltétlenül szükséges fejlesztőnek lennie, vagy ismernie kell az egyik programozási nyelvet. A weblaptervezés világában bevett gyakorlattá vált a minimalizálás. Tehát nem csodálkozhat, ha megtudja, hogy sok csodálatos (és ingyenes) eszköz létezik a feladat elvégzésére.
Lásd még a mi 6 WordPress beépülő modul új életet lehelhet a cikkekbe
Itt van egy lista az induláshoz szükséges hasznos eszközökről. Mivel ezek közül sok minimalizálhatja a kódok több típusát, zárójelbe tettem a kódtípus opcióit.
-
- cssminifier.com et javascript-minifier.com (CSS és JS) - Andrew Chilton e két aprítóját könnyű használni. Csak be kell illesztenie a kódot, majd kattintson a gombra Minify a tömörített kód megjelenítéséhez. A kilépési kódot fájlként is letöltheti a kényelem érdekében.
- htmlcompressor.com (HTML, CSS és JS) - Ez az online tömörítési / tömörítési eszköz támogatja a HTML, CSS és JS kódtípusokat. Még a kódtípusok különböző kombinációit is támogatja, például CSS + PHP és JavaScript + PHP. És még a tömörített kódot is ellenőrizheti, hogy nincs-e benne hiba.
-
- csscompressor.net (Csak CSS) - Ez az online CSS-kompresszor gyors, egyszerű és ingyenesen használható.
-
- jscompress.com (Csak JS) - Ez a JavaScript tömörítő eszköz lehetővé teszi a JavaScript kód tömörítését másolással és beillesztéssel, de egyszerre több JavaScript fájlt is letölthet. Ez ideális a JavaScript fájlok egyetlen fájlba történő egyesítéséhez a jobb oldalbetöltési sebesség érdekében.
- Dan eszközei - Dan eszközei javasol un a CSS kicsinyítése valamint egy a JavaScript kicsinyítése . Mindkét eszköz valóban tiszta, könnyen használható felhasználói felülettel rendelkezik. Nem kínálnak haladó lehetőségeket, de kiválóan alkalmasak a közös aprítás céljára.
-
- refresh-sf.com (HTML, CSS és JS) - Ez a tömörítő csökkenti a JavaScript, CSS és HTML kód típusokat. Tartalmazza az összes tömörítési lehetőséget az egyes kódtípusokhoz, ha szükség van rájuk.
- Bezárás-fordító (Csak JS) - A Closure Compiler a Záróeszközök , a Google Developers eszközkészlete. Lehetővé teszi a JavaScript csökkentését más hasznos optimalizálásokkal együtt. Javascript kódját úgy használhatja, hogy beírja a js fájl helyének URL-jét, majd kiválasztja, hogyan szeretné optimalizálni és formázni a kódot.
Például úgy dönt, hogy úgy optimalizálja a kódját, hogy csak a kitöltéseket távolítsa el, ha szeretné. Miután rákattintott a fordítás gombra, csökkenti a kódot (vagy fordítja) az Ön számára.
-
- minifycode.com (HTML, CSS és JS) - Ez a weboldal tömörítőket kínál a JavaScript , CSS et HTML egy egyszerű és tiszta felhasználói felülettel, amely egyetlen kattintással tömöríti a kódot. Ezenkívül egy "szépítő" eszközt kínál a tömörített kód kicsomagolásához, hogy könnyebben olvasható legyen (az ellenkezője a tömörítésnek).
Ha offline eszközöket keres a CSS vagy a JavaScript HTML helyben történő minimalizálásához, itt van néhány lehetőség:
- phpied.com/cssmin-js/ (Csak CSS)
- yui.github.io/yuicompressor (JS és CSS)
Hogyan csökkentheti a HTML, CSS és JavaScript méretét egy online eszköz segítségével
Ezen online eszközök közül sok hasonló, a következő lépéseket magában foglaló eljárással rendelkezik:
- Illessze be a forráskódot, vagy töltse le a forráskód fájlt.
- Optimalizálja a beállításokat egy adott kimenethez (ha rendelkezésre állnak opciók)
- Kattintson egy gombra a kód tömörítéséhez.
- Másolja a tömörített kód eredményét, vagy töltse le a tömörített kód fájlt.
Ebben a példában a kicsinyítési eszközöket fogom használni minifycode.com.
Lásd még: Hogyan adjunk egy CSS kódot biztonságosan WordPress erről a linkről.
Először keresse meg a CSS fájlt (általában stílus.css) a webhely fájljaiban, és nyissa meg az oldalszerkesztővel. Ezután másolja az összes CSS-kódot a vágólapra.
megy minifycode.com és kattintson a CSS tömörítő fülre. Ezután illessze be a CSS kódot a beviteli mezőbe, és kattintson a gombra Csökkentse a CSS-t.
Miután létrehozta az új aprított kódot, másolja át.
Ezután térjen vissza a webhely CSS fájljába, és cserélje ki a kódot az új egyszerűsített verzióra.
Ez az!
Ismételje meg ugyanazt a folyamatot a webhely JavaScript és HTML fájljának csökkentéséhez is.
A HTML, CSS és JavaScript minimalizálása a WordPressben a beépülő modulok használatával
A HTML, CSS és JavaScript minimális szinten tartásának legegyszerűbb módja a WordPress programban egy plugin használata. Ez lehetővé teszi a WordPress webhelyfájlok automatikus optimalizálását az oldal betöltési idejének csökkentése érdekében, csupán néhány gombnyomással.
Sok olyan plugin van, amely elvégzi a munkát, de röviden megemlítek néhány példát.
Autoptimizálás (FREE)
Az automatizálás valószínűleg a WordPress plugint a legnépszerűbb minifók közül. Népszerű, mert könnyen használható, és tele van erőteljes funkciókkal. Kötegelheti (kombinálja a szkripteket), csökkentheti és gyorsítótárazhatja a kódot. Bónuszként további lehetőségei vannak a Google betűtípusok, képek stb. optimalizálására.
Az Autoptimize használatához letöltheti, telepítheti és aktiválhatja a beépülő modult a WordPress irányítópult alatt Bővítmény> Új hozzáadása.
További információkért lásd a következő útmutatót: Hogyan kell telepíteni a plugint a WordPress
A plugin aktiválása után lépjen a következőbe Beállítások> Automatikus optimalizálás. Ezután a Fő paraméterek lapon ellenőrizze az optimalizálni kívánt kódot (HTML, CSS és / vagy JavaScript), majd kattintson az E gombra.mentse a változásokat.
Ön is rákattinthat a gombra Mutassa a speciális beállításokat az oldal tetején a kódoptimalizálás további testreszabásához.
Nagyjából ennyi! Egészen egyszerű és hatalmas.
W3 összes gyorsítótár (FREE)
W3 teljes gyorsítótár egy kiváló gyorsítótárazási plugin, amely lehetővé teszi a HTML, JS és CSS fájlok minimalizálását.
WP leggyorsabb gyorsítótár (INGYENES)
WP leggyorsabb gyorsítótár - Ez a plugin WordPress a gyorsítótárazás rendkívül népszerű a magas vélemények alapján. Különféle teljesítmény-optimalizálásokat hajt végre, ideértve a HTML CSS és a JavaScript kombinálását és csökkentését a jobb teljesítmény érdekében.
Olvassa el a következő cikkben is: 8 WordPress plugin, hogy adjunk egy élő chat a blog
A plugin telepítése után egyszerűen kattintson a fülre WP leggyorsabb gyorsítótár a WordPress irányítópult oldalsávjában. A fül alatt beállítások, lehetőségeket talál a HTML és CSS fájlok kombinálására és csökkentésére. Bár a JavaScript tömörítése csak a profi verzióban érhető el.
Összefoglalva
Ha gyorsabbá akarja tenni blogját és jobb teljesítményt nyújt, akkor csökkentenie kell a HTML, CSS és JavaScript fájlok méretét. Az összes rendelkezésre álló online eszközzel könnyedén csökkentheti bármely webhely kódját.
9 WordPress bővítmények a blog tartalmának elrejtéséhez feltárni abszolút
Azok számára, akik WordPress-t használnak, nagyszerű plug-inek állnak rendelkezésére, amelyek ezeket a fájlokat néhány kattintással automatikusan finomítják.
Fedezzen fel néhány prémium WordPress-bővítményt
Használhatsz mást is WordPress plugin modern megjelenést kölcsönözni és optimalizálni blogja vagy weboldala kezelését.
Kínálunk itt néhány prémium WordPress plugin-ot, amelyek segítenek abban.
1. 404-hibaoldal átirányítása a kezdőlapra vagy az egyéni oldalra
Ez az egyik legjobb módszer egy 404-es hibalap hozzáadásához, amely a beépülő modul aktiválása után a látogatót átirányítja a kezdőlapra vagy a személyre szabott oldalra. WordPress prémium.
Az összes 404 hibaoldalt átirányítják a kezdőlapra vagy a címre egyéni URL. Ennek használatával WordPress plugint, akkor lehetővé teszi a Google számára, hogy csökkentse webhelyének PageRank értékét, ha sok 404-es hibaoldal van.
Fedezze fel Hogyan javítsuk ki az 413 hibát a WordPress-en
Ce WordPress plugint nem csak átirányítást végez, hanem megfelelő megoldás lehet webhelye rangsorolásának javítására is a keresőmotorok találatai között.
Letöltés | demó | Web hosting
2. Borlabs gyorsítótár
A WordPress egy olyan platformon alapuló adatbázis, amely dinamikusan generálja a tartalmat. Minél több tartalom és bővítmény van, annál több adatbázis-lekérdezés lesz végrehajtva. Ez lelassíthatja webhelye teljesítményét, különösen akkor, ha az adatbázis egy másik szerveren található.
A WordPress Borlabs Cache plugin a dinamikusan létrehozott tartalmat statikus fájlként menti a szerver memóriájába. Az oldal kérésekor ez a statikus fájl betöltődik és elküldésre kerül a látogató számára, ami lényegesen gyorsabb, mint a szokásos adatbázis-lekérdezések. De ez még nem minden.
Lásd még a mi 5 WordPress plugin a webhely adatbázisának tisztításához
Az Ön oldalain sok felesleges szóköz vagy HTML megjegyzés található, ami növeli az oldal teljes méretét. A Borlabs Cache eltávolítja őket és a GZIP segítségével tömöríti az oldalakat.
Discover Hogyan lehet megjeleníteni az összes WordPress kiadványok egy oldalon
Sok beépülő modulnak saját JavaScript és CSS fájlja van, ami további kéréseket eredményez a szerveren. A Borlabs Cache ezeket a JavaScript és CSS fájlokat egyesíti, így a legjobb esetekben a látogatónak csak egy JavaScript fájlt és egy CSS fájlt kell betöltenie.
Letöltés | demó | Web hosting
3. Többnyelvű sajtó
A Multilingual Press a WordPress többhelyes telepítésével működik, és lehetővé teszi a fordítások összekapcsolását. A bővítmény 174 nyelvet tartalmaz a nyelvkezelőbe, és korlátlan számú webhelyet támogat, így tetszőleges számú fordítást hozhat létre és csatolhat.
Ez jó a SEO mert ez lehetővé teszi, hogy nyelveit külön bejegyzéseken és oldalakon tartsa, és ha úgy dönt, hogy a beépülő modul egy másik fordítását használja, a tartalom érintetlen marad (még a Multilingual Press beépülő modul letiltása vagy eltávolítása után is). Ezen kívül hozzáadhat egy fordítási widgetet a fordítások közötti váltáshoz.
Discover Kódrészlet hozzáadása a Gutenberg használatával a WordPress-en
A Multilingual Press egy nagyszerű ingyenes lehetőség fordítások hozzáadásához a WordPress webhelyéhez több gépen. Ezen túlmenően, ha valaha úgy találja, hogy további lehetőségekre van szüksége, akkor választhatja a profi verziót, amely 75 dollárba kerül.
Letöltés | demó | Web hosting
Egyéb ajánlott források
Felkérjük Önt, hogy keresse meg az alábbi forrásokat, hogy tovább menjen webhelye és blogja irányításában és irányításában.
- Felirat hozzáadása egy képhez a Gutenberg-en
- 6 WordPress plugin vértezze fel az oldalsávon
- 10 WordPress plugin a letöltéskezelő hozzáadásához
- Mit kell érteni a DDoS támadásait a WordPress ellen
È használható a JS compresso https://www.jsonformatting.com/js-minify/