Bár kétségtelenül számos tényező befolyásolja a bevételt, a legtöbb szakértő azt mondja, hogy az üzleti oldalak 5 másodpercen belül betöltődnek majdnem kétszereseiket keresik 19-ben, az átlagos webhely betöltési idő.
A tanulmány azt is megállapította, hogy az 5 másodpercen belül betöltött helyek:
- 25% -kal magasabb hirdetési láthatóság,
- 35% -kal alacsonyabb visszafordulási arány, és
- 70% -kal hosszabb felhasználói munkamenet.
Éppen ezért kell a mobil első megoldásokra összpontosítanunk, hogy segítsen üzleteink sikerében. Végül is, a mobilsebesség soha nem volt fontosabb.
$config[code] not foundA lassú betöltési sebesség valóban probléma lehet
A Google szerint
- 2-ből 1-ből kevesebb, mint 2 másodpercen belül várakozik az oldal betöltésére.
- A látogatások 53% -a nagyobb valószínűséggel elhagyásra kerül, ha az oldal 3 másodpercnél hosszabb időt vesz igénybe a mobilkészülék betöltéséhez.
- Az emberek 46% -a nem tetszett, hogy várakozás van a weboldalak betöltésére, miközben böngészik a webet egy mobil eszközön.
A mobil interneten a webhelyeket lassító három fő tényező a kiszolgálókérések száma, a fájlméret és az oldalbetöltő elemek sorrendje. Tehát most már kiemeltük az okokat; menjünk a megoldáshoz.
Hogyan lehet növelni a mobil webhely sebességét
Mérje meg és minimalizálja a kiszolgáló válaszidejét
A mobil oldal sebessége nem csak a kódtól függ, hanem egy fontos technikai eszköztől is függ, amelyet a szervernek hívnak.
Minél hosszabb ideig vár a kiszolgáló, hogy válaszoljon a böngésző kérésére, annál lassabb az oldal betöltése a készüléken. A Google legtöbb szakértője azt javasolja, hogy a szerver elkezdi továbbítani az 1-etutca az optimális eredményre vonatkozó kérelem két száz milliszekundumon belüli bájtja.
Általában 3 fő módszer van a kiszolgáló válaszidejének növelésében:
- A webszerver konfigurációjának vagy szoftverének javítása.
- A tárhelyszolgáltatás körének és minőségének javítása, különösen a megfelelő memória- és CPU-erőforrások biztosításával.
- A weblapok által igényelt erőforrások számának csökkentése.
Képek betöltéséhez használja a CSS-t
Ha el szeretné rejteni a tartalmi képeket a mobil felhasználók számára, töltse be őket háttérképként a CSS-en keresztül, és média lekérdezéseket használjon, hogy feltételesen elrejtse őket.
Ennek az eljárásnak a variációját az Amazon használja az eszközspecifikus képek feltöltésére.
Minimalizálja az átirányítások számát a mobil oldal sebességének növeléséhez
Az átirányítások nem más, mint az utasítások, amelyek lehetővé teszik a webhely látogatóinak automatikus átvitelét az egyik oldalról a másikra.
Minden átirányítás értékes milliszekundumokat tud enni, ami lassabb oldalterhelést eredményez. Ez különösen problémás a mobileszközök esetében, mert gyakran függnek a megbízhatatlan hálózatoktól, mint az asztali felhasználók.
A probléma megoldásának első lépése a webhelyen lévő átirányítások számának vizsgálata olyan eszközök használatával, mint az átirányítási térképező. Ha a szám túl nagy, minimalizálja, vagy ideális esetben nullára állítsa a legjobb eredményt.
Minimalizálja a JS és a CSS fájlokat
A további adatok azt jelentik, hogy a felesleges oldaltömeg. Ezáltal az oldalak tovább fognak tölteni a mobileszközre.
Ez az oka annak, hogy a legtöbb webfejlesztő érdemes megismerni az eszközök optimalizálásának és minimalizálásának szükségességét az oldal betöltési sebességének növelése érdekében.
A „Minification” kiküszöböli a redundanciát anélkül, hogy befolyásolná az oldal megjelenítését. A Google-eszközök széles skálája segít megszüntetni az ilyen elbocsátásokat, beleértve az alábbiakat:
- CSSNano (a CSS számára)
- UglifyJS (a JS számára)
A képek helyett használja a CSS3-at
Az árnyékok, a lekerekített sarkok és a színátmenetek kitöltése - mindezek a funkciók a CSS helyett a képek helyett elvégezhetők.
Ez nagyban segíthet a HTTP-kérések számának csökkentésében, így felgyorsítja a betöltési időt egy időben.
Inline SVG-k használata JPEG helyett
Az adat URI-khoz hasonlóan az SVG-k (skálázható vektorgrafika) beágyazhatók az oldalon, hogy csökkentsék a HTTP-kérések számát.
Ezeket a fájlokat egy vektorgrafikus szerkesztőn, például az Inkscape-en, az Adobe Illustratoron, stb. Lehet létrehozni. A létrehozás után megnyithatja azt egy szövegszerkesztőben, és elhelyezheti a kódba.
Megjegyzés: Ha SVG-t szeretne beágyazni a stíluslapba, akkor először az adat URI-ra kell konvertálnia, majd folytatnia kell a következő lépést.
Annak érdekében, hogy többé-kevésbé összegezzen a dolgokat. Remélem, jó és felvilágosító olvasott.
Fénykép a Shutterstock-on keresztül
1
