Mobilno RSS Facebook Twitter E-novice Nastavi za domačo stran Dodaj med priljubljene Podcast Rock Radio Pozabljeno geslo Registriraj se Prijava



  • A- A+

26.06.2019      8:00
|
DOMINATUS

Kako do spletne strani, ki se odpre prej kot v 2 sekundah?

  • A- A+

 

.. Raziskave kažejo, da uporabniki na svojih napravah pričakujejo naloženo stran v 2 sekundah ali prej. Tistim, katerim stran odpira predolgo, je verjetnost nakupa na spletni strani kar 62 % manjša ..

Ocena PageSpeed je eden od faktorjev, ki sestavljajo Googlov algoritem za rangiranje. Včasih je algoritem ocenjeval hitrost spletnih strani samo na "desktop" napravah. Ker pa vse več uporabnikov  (na večini spletnih straneh večina) do spleta dostopa preko mobilnih naprav, je Google uvedel t.i. Mobile PageSpeed oceno.

Vloga PageSpeed ocene je vse večja in je ne povezujemo več zgolj s hitrostjo nalaganja in uporabniško izkušnjo, ampak pomeni nižjo pozicijo med rezultati iskanja, zato tudi nižji obisk in manj konverzij.

Nasveti za optimizacijo

Pogovarjali smo se z Urošem Okornom in Robijem Tomcem iz podjetja Dominatus d.o.o. in svetovala sta teh nekaj osnovnih napotkov. Upoštevanje optimizacijskih nasvetov vam bo prineslo boljšo oceno, ta pa boljše pozicije, več obiska in več konverzij. Kaj je potrebno storiti?

1. Izogibanje večkratnim preusmeritvam

Nepotrebnim preusmeritvam se izogibajmo. Ne preusmerjamo pa z namenom doseganja boljše uporabniške izkušnje (mobilni ali "desktop" prikaz strani), saj to lahko dosežemo z uporabo odzivnega dizajna (angl. Responsive Web Design).

2. Ustrezna velikost slik in kompresija

Slike v povprečju predstavljajo 80 % vsebine, ki jo je potrebno prenesti s strežnika, da je spletna stran prikazana. Zato z velikostjo slik ne pretiravamo in ne uporabljamo večjih dimenzij kot je potrebno.

3. Sodoben format slik

Z uporabo primernega formata datoteke lahko vsako sliko še dodatno kompresiramo. Če imate na spletni strani še zmeraj slike v JPG formatu, potem je čas za spremembo. Google je namreč uvedel nov slikovni format, imenovan "Next-Gen". Slikovne datoteke nosijo končnico WebP.

4. Odloženo nalaganje slik

Slike, ki so pozicionirane nižje na spletni strani in do njih pridemo s "scrollanjem", lahko nalagamo z zakasnitvijo. Lahko se zgodi, da bo obiskovalec odprl neko drugo podstran ali celo zaprl spletno mesto, še preden bo utegnil priti do določene slike. Zato slike prenašajmo sproti.

5. Zmanjšanje neuporabnega CSS-ja

CSS (angl. Cascading Style Sheets) so slogovne datoteke, ki določajo dizajn spletne strani. Priporoča se, da je takih datotek čim manj, zato jih lahko združimo. Poleg tega iz končne datoteke lahko izločimo vsa nerabljena pravila, nepotrebne komentarje, večkratne presledke itd.

6. Zmanjšanje Javascripta

Enako kot za CSS datoteke velja tudi za JavaScript. Programska koda naj bo napisana na čim krajši način.

7. Kompresija

Tudi besedilo spletne strani lahko zmanjšamo. V ta namen nam Google priporoča, da na strežniku vklopimo funkcijo "gzip". To pomeni, da bo kot odgovor na zahtevo strežnik poslal vsebino v kompresiranem formatu.

8. Zmanjšanje virov

Krajše CSS ukaze lahko pišemo neposredno v HTML oznakah (temu pravimo "inline" način). Resda se bo zaradi tega HTML dokument povečal, vendar hkrati s tem zmanjšamo zunanje CSS datoteke, kar vpliva na hitrost nalaganja strani. Enako velja tudi za JavaScript.

9. Prioritetno nalaganje virov

Spletni brskalniki lahko različne vire naložijo v različnem vrstnem redu, kar pa ni vedno najboljše. Brskalniku lahko povemo, katere CSS-je in JavaScripte mora naložiti prioritetno. Najboljši učinek dosežemo, če se najprej naložijo tisti viri, ki so potrebni za prvo vsebinsko barvanje.

10. Predpomnjenje datotek

Datoteke, ki se zelo redko spreminjajo, lahko predpomnimo (angl. cache). To pomeni, da si brskalnik takšne datoteke shrani v predpomnilnik in jih ob naslednjem obisku strani ne prenaša.

11. Čim bolj hitra PHP koda

To je sicer zelo široka tema za več člankov.  Vaši izdelovalci spletne strani naj pišejo čim lepšo in optimizirano PHP kodo (ali v katerikoli drugi tehnologiji) in čim bolj optimizirajo in strukturirajo podatkovno bazo, saj je to temelj, da se je sploh smiselno ukvarjati z vsemi ostali točkami.

12. Zmanjšanje CSS-jev in JS-jev iz drugih virov

Večina spletnih strani uporablja npr. Google Analytics, kode za remarketing od Googla in Facebooka, še malo bolj napredne spletne strani pa še widgete za marketing automation, Facebook komentarje ipd. in ponavadi se ti viri ne nalagajo najbolj hitro. Zato poizkusimo uporabiti samo tiste, ki nam res prinašajo dodano vrednost.

Več o tem preberite na blogu, ki so ga pripravili v podjetju Dominatus: https://www.optimizacija-strani.info/2019/05/kako-do-spletne-strani-ki-se-odpre-v-2-sekundah-ali-prej/. Poznate AMP "Accelerated Mobile Pages" oziroma pospešene spletne strani za mobilne naprave? Ne? O tem prihodnjič.









KOMENTIRAJ

X



ANKETA
Arhiv anket

Ti je mar za varnost, ko na telefon nalagaš aplikacije?






ZADNJE RAČUNALNIŠKE TEŽAVE IN REŠITVE

ZADNJE KOMENTIRANE NOVICE

Huawei s tehnologijo 5G, ki je hitrejša, cene... 5
TistoPravo  |  Preko kabla stalnih 1mb/s pomeni več kot...
Kako predhodno namestiti posodobitev Windows ... 1
Domen Valentinuzzi  |  Je že dost ok za namestitev, ker je tudi...
Novosti na T-2 televiziji 1
Lara Požun  |  Manjka jim še kar nekaj do ostalih konku...
Sony presenetil z nadvse zanimivim telefonom 1
Matjaz Mraz  |  Jaz imam ze 4 Xperio in nimam nobenih te...
Uporabniki naprav Android spet v težavah 3
TheJanez59 .  |  Ni šans !
RN KANAL




e-novice Želim brezplačno izdajo uredniškega izbora
najboljših računalniških novic na e-mail
Potrdi
(predogled)
(predogled)
(predogled)


100% skrbno bomo varovali vašo zasebnost in odnaročili se boste lahko kadarkoli!
Twitter




V zgornje okence vpišite vaš elektronski naslov, na katerega boste prejeli nadaljna navodila.

Mozilla Firefox

Kliknite na meni Orodja (Tools) in izberite Možnosti (Options)
V zavihku Splošno (Main) v polje Domača stran (Home Page) vpišite naslov rn.si
Kliknite na gumb V redu (OK)

Internet Explorer

Kliknite na meni Orodja (Tools) in izberite Internetne možnosti (Internet Options)
V zavihku Splošno (General) v polje Home Page (Domača stran) vpišite naslov rn.si
Kliknite na gumb V redu (OK)

Chrome

Hkrati pritisnite ALT+F in izberite Možnosti
V zavihku Osnove kliknite na gumb Uporabi trenutno stran
Kliknite na gumb Zapri

Netscape Navigator

Kliknite na meni Tools in izberite Options
V zavihku Main v polje Home Page vpišite naslov rn.si
Kliknite na gumb OK

Opera

Hkrati pritisnite CRTL+F12
Kliknite gumb »Use current«
Kliknite na gumb OK

Safari

Hkrati pritisnite tipki CTRL+","
Izberete zavihek General
Kliknite gumb »Set to current page«

Mozilla Firefox

Hkrati pritisnite tipki CTRL+D
Kliknite na gumb Shrani (Save)

Internet Explorer

Hkrati pritisnite tipki CTRL+D
Kliknite na gumb Dodaj (Add)

Chrome

Hkrati pritisnite tipki CTRL+D
Kliknite na gumb Končano (Finish)

Netscape Navigator

Hkrati pritisnite tipki CTRL+D
Kliknite na gumb OK

Opera

Hkrati pritisnite tipki CTRL+D
Kliknite na gumb OK

Safari

Hkrati pritisnite tipki CTRL+D
Kliknite na gumb OK