Taikykite šiuos 6 metodus, kad pagerintumėte savo verslo svetainės mobiliųjų krovinių greitį

Turinys:

Anonim

Nors neabejotinai yra keletas veiksnių, darančių įtaką pajamoms, dauguma ekspertų teigia, kad per 5 sekundes perkraunamos verslo svetainės uždirba beveik dvigubai daugiau nei 19, tai yra vidutinis svetainės įkėlimo laikas.

Tyrime taip pat nustatyta, kad per 5 sekundes įkeliamos svetainės turi:

  • 25% didesnis skelbimo matomumas,
  • 35% mažesnis atšokimo lygis, ir. T
  • 70% ilgesnės vartotojų sesijos.

Būtent todėl turime sutelkti dėmesį į mobilius pirmuosius sprendimus, kurie padėtų mūsų įmonėms sėkmingai. Galų gale, judriojo ryšio greitis niekada nebuvo svarbesnis.

$config[code] not found

Lėtas krovimo greitis tikrai gali būti problema

Pasak „Google“,
  • 1 iš 2 žmonių tikisi, kad puslapis bus įkeltas per mažiau nei 2 sekundes.
  • 53% apsilankymų greičiausiai bus atsisakyta, jei puslapis užtruks ilgiau nei 3 sekundes įkelti į mobilųjį įrenginį.
  • 46% žmonių parodė nepatenkinimą laukdami puslapių įkėlimo naršant internetą mobiliajame įrenginyje.

Trys pagrindiniai veiksniai, lėtinantys mobiliojo interneto svetaines, yra serverio užklausų skaičius, failo dydis ir puslapių pakrovimo elementų eilės tvarka. Taigi dabar pabrėžėme priežastis; pateksime į sprendimą.

Kaip padidinti mobiliosios svetainės greitį

Išmatuokite ir sumažinkite savo serverio atsako laiką

Jūsų mobiliojo ryšio puslapio greitis priklauso ne tik nuo jūsų kodo, bet taip pat priklauso nuo svarbaus technologijų įrankio, vadinamo serveriu.

Kuo ilgiau jūsų serveris laukia atsakymo į naršyklės užklausą, tuo lėčiau įkeliami įrenginio puslapiai. Dauguma „Google“ ekspertų rekomenduoja, kad jūsų serveris pradėtų perduoti 1g ištekliai per du šimtus milisekundžių nuo prašymo gauti optimalesnį rezultatą.

Paprastai yra trys pagrindiniai serverio atsako trukmės didinimo būdai:

  • Tinklo serverio konfigūracijos ar programinės įrangos tobulinimas.
  • Padidinkite prieglobos paslaugų teikimo mastą ir kokybę, ypač užtikrinant, kad turite pakankamai atminties ir procesoriaus resursų.
  • Sumažinti jūsų tinklalapiuose reikalingų išteklių skaičių.

Norėdami įkelti vaizdus, ​​naudokite CSS

Jei norite paslėpti turinio vaizdus mobiliesiems vartotojams, įkelkite juos kaip fono paveikslėlius per CSS ir naudokite medijos užklausas, kad jas būtų galima paslėpti sąlyginai.

Šio metodo variantą „Amazon“ naudoja tam, kad sąlyginai įkeltų įrenginiams būdingus vaizdus.

Sumažinkite nukreipimų skaičių, kad padidintumėte savo mobiliojo puslapio greitį

Peradresavimai yra tik nurodymai, galintys automatiškai perimti svetainės lankytojus iš vieno puslapio į kitą.

Kiekvienas peradresavimas gali suvalgyti vertingų milisekundžių, o tai lėtėja. Tai ypač problemiška mobiliesiems įrenginiams, nes jie dažnai priklauso nuo nepatikimų tinklų nei staliniai naudotojai.

Pirmas žingsnis siekiant išspręsti šią problemą yra ištirti peradresavimų skaičių jūsų svetainėje naudodami tokius įrankius kaip peradresavimo žemėlapis. Jei numeris yra per didelis, sumažinkite jo dydį arba geriausia, kad geriausias rezultatas būtų nulinis.

Sumažinkite JS ir CSS failus

Daugiau duomenų reiškia perteklinį puslapio svorį. Tai leis puslapiams daugiau įkelti į mobilųjį įrenginį.

Štai kodėl dauguma žiniatinklio kūrėjų vertina savo žinias apie poreikį optimizuoti ir sumažinti turtą, kad padidėtų puslapio įkėlimo greitis.

„Minifikacija“ pašalina nereikalingumą, nedarant įtakos puslapio rodymui. Platus „Google“ įrankių asortimentas gali padėti jums pašalinti tokius atleidimus, įskaitant:

  • CSSNano (CSS)
  • UglifyJS (JS)

Vietoj vaizdų naudokite CSS3

Užmeskite šešėlius, apvalius kampus ir gradientų užpildymus - visas šias funkcijas galima atlikti per CSS, o ne vaizdus.

Tai gali labai padėti sumažinti HTTP užklausų skaičių, tokiu būdu pagreitinant pakrovimo laiką vienu metu.

Naudokite „Inline SVG“ vietoj JPEG

Kaip ir duomenų URI, SVG (keičiamo dydžio vektorinė grafika) gali būti įterptas į puslapį, siekiant sumažinti HTTP užklausų skaičių.

Šie failai gali būti sukurti vektorinės grafikos redaktoriuje, pvz., „Inkscape“, „Adobe Illustrator“ ir tt Sukūrę jį galite atidaryti teksto redaktoriuje ir jį įdėti į savo kodą.

Pastaba: Norėdami įdėti SVG į savo stiliaus lapą, pirmiausia turite jį konvertuoti į duomenų URI ir pereiti prie kito veiksmo.

Taigi, kad daugiau ar mažiau sumos. Tikiuosi, kad jums buvo geras ir šviečiantis skaitymas.

Nuotrauka per Shutterstock

1