{"id":247826,"date":"2023-08-21T09:47:00","date_gmt":"2023-08-21T06:47:00","guid":{"rendered":"https:\/\/inform.click\/mobiilisobralikkus-ja-saidi-kiirus-kaks-olulist-punkti-mida-veebisaidi-kujundamisel-arvestada\/"},"modified":"2023-08-21T09:53:00","modified_gmt":"2023-08-21T06:53:00","slug":"mobiilisobralikkus-ja-saidi-kiirus-kaks-olulist-punkti-mida-veebisaidi-kujundamisel-arvestada","status":"publish","type":"post","link":"https:\/\/inform.click\/et\/mobiilisobralikkus-ja-saidi-kiirus-kaks-olulist-punkti-mida-veebisaidi-kujundamisel-arvestada\/","title":{"rendered":"Mobiilis\u00f5bralikkus ja saidi kiirus \u2013 kaks olulist punkti, mida veebisaidi kujundamisel arvestada?"},"content":{"rendered":"<p>\n  T\u00e4nap\u00e4eva web 2.0 maailmas keerleb k\u00f5ik Interneti \u00fcmber. Kui otsite torumeest, minge veebi. Kui otsite kohalikku restorani, minge veebi. Kui soovite kodu osta, siis arvake \u00e4ra, mida? L\u00e4hete veebi.\n<\/p>\n<p>\n  Inimesed ei kasuta enam kollaseid lehti, et leida ettev\u00f5tet oma vajaduse v\u00f5i soovi j\u00e4rgi. Nad l\u00e4hevad veebi, kuna see pakub k\u00f5ige t\u00e4psemat ja kiiremat teavet.\n<\/p>\n<p>\n  Selle teabe saamiseks viis kuni seitse aastat tagasi l\u00e4ks inimene oma kodu- v\u00f5i ettev\u00f5tte laua- v\u00f5i s\u00fclearvuti juurde, t\u00f5mbas \u00fcles veebibrauseri ja otsingumootori ning tegi otsingu.\n<\/p>\n<p>\n  T\u00e4nap\u00e4eval on maastik t\u00e4ielikult muutunud, sest inimesed ei kasuta ainult s\u00fcle- ja lauaarvuteid teabe hankimiseks \u2013 nad kasutavad mobiilseadmeid, sealhulgas nutitelefone ja tahvelarvuteid.\n<\/p>\n<h5>\n  Kas teie veebisait on mobiilis\u00f5bralik?<br \/>\n<\/h5>\n<p>\n  See t\u00e4hendab, et veebisait, mis n\u00e4eb hea v\u00e4lja laua- v\u00f5i s\u00fclearvutis, ei n\u00e4e t\u00f5en\u00e4oliselt k\u00e4eshoitava mobiilseadme kaudu vaadates eriti hea v\u00e4lja. Koopia on liiga v\u00e4ike, lingid on v\u00e4ikesed ja kogu sisu n\u00e4gemiseks peate kerima k\u00fclili. Sait pole mitte ainult kasutajas\u00f5bralik, vaid ka n\u00fc\u00fcd v\u00f5ib sellel olla m\u00f5ju (v\u00e4ga oluline \u2013 potentsiaalselt \u00e4\u00e4rmiselt negatiivne) otsingumootoritele \u2013 eriti Google'ile.\n<\/p>\n<p>\n  Mida see ka t\u00e4pselt t\u00e4hendab? P\u00f5him\u00f5tteliselt v\u00f5ib see, et kui teie veebisait ei ole mobiilseadme jaoks kohandatav, kaotada otsingumootorites orgaanilised pingeread. See t\u00e4hendab, et kui keegi k\u00fclastab Google'it oma telefonis v\u00f5i tahvelarvutis ja otsib torulukkseppa, siis on suur t\u00f5en\u00e4osus, et te ei tule kohale ja kui teete seda, pole see t\u00f5en\u00e4oliselt tulemuste esimesel lehel.\n<\/p>\n<p>\n  Lisaks lisab Google n\u00fc\u00fcd oma mobiiliotsingu tulemustele sildi \u201emobiilis\u00f5bralik&#8221;. Veebisait on selle m\u00e4rgistuse jaoks sobilik, kui see vastab j\u00e4rgmistele Google'i algoritmi tuvastatud kriteeriumidele.\n<\/p>\n<ul>\n<li>V\u00e4ltige tarkvara, mis pole mobiilseadmetes (nt Adobe Flash) tavaline.\n  <\/li>\n<li>Kasutage teksti suurust, mis on loetav ilma suumimiseta.\n  <\/li>\n<li>Lingid on paigutatud teineteisest piisavalt kaugele, et kasutaja saaks h\u00f5lpsalt \u00f5iget puudutada.\n  <\/li>\n<li>Sisu sobib ekraaniga, nii et kasutusalad ei pea vaatamiseks horisontaalselt kerima.\n  <\/li>\n<\/ul>\n<h5>\n  Mobiilis\u00f5bralikkuse test<br \/>\n<\/h5>\n<p>\n  Veebihaldur v\u00f5i ettev\u00f5tte omanik saab kontrollida, kui mobiilis\u00f5bralik on tema sait, k\u00fclastades <a href=\"https:\/\/www.google.com\/webmasters\/tools\/mobile-friendly\/\" target=\"_blank\" rel=\"noopener\">Google'i mobiilis\u00f5bralikkuse testi<\/a> lehte. Kui sait testis l\u00e4bi kukub, annab Google teile teavet ja n\u00e4pun\u00e4iteid saidi mobiilis\u00f5bralikuks muutmiseks.\n<\/p>\n<p>\n  Paljud sisuhalduss\u00fcsteemid (CMS), nagu WordPress, Drupal ja Joomla, pakuvad n\u00fc\u00fcd abi teie t\u00f6\u00f6lauas\u00f5braliku veebisaidi migreerimiseks adaptiivseks ja mobiilis\u00f5bralikuks saidiks.\n<\/p>\n<p>\n  Enne selle tegemist peaksite siiski kindlasti varundama oma praeguse saidi ja v\u00e4rskendama oma praeguse CMS-i uusimale versioonile. M\u00f5nes olukorras rakendab uusima versiooni v\u00e4rskendus automaatselt vajalikud turbeuuendused ja muudab teie saidi mobiilis\u00f5bralikuks. Kui protsess ei k\u00e4ivitu automaatselt, l\u00fckake turvarikkumiste v\u00e4ltimiseks v\u00e4rskendus kindlasti k\u00e4sitsi.\n<\/p>\n<p>\n  Kui teie kasutatav CMS pakub kohandatud teemasid, veenduge, et teie valitud versioon oleks mobiilis\u00f5bralik. Kui ei, peate v\u00f5ib-olla uuesti alustama.\n<\/p>\n<h5>\n  Kui kiiresti teie veebisait laaditakse?<br \/>\n<\/h5>\n<p>\n  Lisaks saidi mobiilis\u00f5bralikuks muutmisele on veebisaidi kujundamisel oluline arvestada ka selle saidi kiirusega. Kui veebisaidi laadimine v\u00f5tab kaua aega, on hea, et kasutaja p\u00f5rkab tagasi ja l\u00e4heb kiiremini laaditavale. Paljude uuringute ja uuringute kohaselt eeldavad peaaegu pooled veebikasutajatest, et sait laaditakse kahe sekundiga v\u00f5i v\u00e4hem. Need samad inimesed h\u00fclgavad saidi, mida ei laadita kolme sekundi jooksul. Et asi veelgi suurem, 79% veebiostlejatest, kellel on veebisaidi toimivusega probleeme, \u00fctlevad, et nad ei naase saidile enam ostma, ja umbes 44% neist teataks s\u00f5brale, kui neil on veebis ostlemine kehv.\n<\/p>\n<p>\n  Lisaks potentsiaalsete klientide kaotamisele pika laadimisaja t\u00f5ttu v\u00f5ib aeglane veebisait kahjustada ka teie asetust Google'is. Seda seet\u00f5ttu, et Google on n\u00e4idanud, et saidi kiirus on \u00fcks signaale, mida selle algoritm kasutab lehtede j\u00e4rjestamiseks. Veebilehe aeglane kiirus t\u00e4hendab ka seda, et otsingumootor suudab indekseerida v\u00e4hem lehti, mis v\u00f5ib t\u00e4hendada, et Google indekseerib v\u00e4hem lehti. P\u00f5him\u00f5tteliselt t\u00e4hendab see k\u00f5ik, et kaotate \u00e4ri, kui teie veebisait laadib aeglaselt.\n<\/p>\n<h5>\n  Google'i Page Speed \u200b\u200bInsights test<br \/>\n<\/h5>\n<p>\n  Sarnaselt mobiilis\u00f5braliku testiga pakub Google tasuta <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener\">t\u00f6\u00f6riista Page Speed \u200b\u200bInsights<\/a>. See t\u00f6\u00f6riist m\u00f5\u00f5dab veebilehe j\u00f5udlust nii laua- kui ka mobiilseadmetes.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-236276-6381f6fe8cd79.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-236276-6381f6fe8cd79.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Kui kopeerite ja kleepite URL-i t\u00f6\u00f6riista, kuvatakse skoor nullist saja punktini. Mida k\u00f5rgem on skoor, seda parem on teie sait Google'i algoritmi jaoks ja skoor 85 v\u00f5i k\u00f5rgem n\u00e4itab, et leht toimib h\u00e4sti.\n<\/p>\n<p>\n  Teenusega Page Speed \u200b\u200bInsights saate teada, kuidas teie veebisait saab t\u00e4iustada mitmesuguseid p\u00f5hiaspekte, sealhulgas aega, mis on m\u00f6\u00f6dunud hetkest, mil kasutaja taotleb uut lehte, kuni hetkeni, mil brauser renderdab uue lehe \u00fclaosa sisu. Samuti m\u00f5\u00f5dab see aega, mis on m\u00f6\u00f6dunud hetkest, mil kasutaja taotleb uut lehte, kuni hetkeni, mil brauser lehe t\u00e4ielikult renderdab.\n<\/p>\n<p>\n  Kuna kasutajate v\u00f5rk v\u00f5ib seda kiirust oluliselt m\u00f5jutada, arvestab Page Speed \u200b\u200bInsights ainult lehe j\u00f5udluse v\u00f5rgust s\u00f5ltumatuid aspekte. See h\u00f5lmab serveri konfiguratsiooni, HTML-i struktuuri ja v\u00e4liste ressursside (nt pildid, CSS ja JavaScript) kasutamist.\n<\/p>\n<p>\n  N\u00e4iteks saate koodi optimeerides (sh t\u00fchikute, komade ja muude mittevajalike m\u00e4rkide eemaldamine) <a href=\"https:\/\/inform.click\/et\/kuidas-wordpressi-veebisaidi-kiirust-parandada-8-lihtsat-kuid-tohusat-nouannet\/\" title=\"oma lehe kiirust oluliselt suurendada.\">oma lehe kiirust oluliselt suurendada.<\/a> Eemaldage ka koodi kommentaarid, vormingud ja kasutamata kood. Google soovitab kasutada <a href=\"https:\/\/developer.yahoo.com\/yui\/compressor\/\" target=\"_blank\" rel=\"noopener\">YUI Compressorit<\/a> nii CSS-i kui ka JavaScripti jaoks.\n<\/p>\n<p>\n  \u00dcmbersuunamiste v\u00e4hendamine parandab ka saidi kiirust. Selle p\u00f5hjuseks on asjaolu, et iga kord, kui leht suunab \u00fcmber teisele lehele, on k\u00fclastajal HTTP p\u00e4ringu-vastuse ts\u00fckli l\u00f5ppemise ootel lisaaega. N\u00e4iteks kui teie mobiili \u00fcmbersuunamismuster n\u00e4eb v\u00e4lja selline: &#8220;ABC.com -&gt; www.ABC.com -&gt; m.ABC.com -&gt; m.ABC.com\/home&#8221;, siis kumbki neist kahest t\u00e4iendavast \u00fcmbersuunamisest teeb teie lehe laadige aeglasemalt.\n<\/p>\n<p>\n  Veebimeistrid peaksid alati kasutama brauseri vahem\u00e4llu. See h\u00f5lmab selliseid elemente nagu pildid, stiililehed ja muud. See juhtub nii, et teie veebisaidile tagasi p\u00f6\u00f6rduv k\u00fclastaja ei pea kogu lehte uuesti laadima. Kasutades sellist t\u00f6\u00f6riista nagu <a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/YSlow\/\" target=\"_blank\" rel=\"noopener\">YSlow<\/a>, n\u00e4ete, kas teie vahem\u00e4lu aegumiskuup\u00e4ev on juba m\u00e4\u00e4ratud. Kui see on teada, saate m\u00e4\u00e4rata p\u00e4ise &#8220;aegub&#8221;, kui kaua soovite seda teavet vahem\u00e4llu salvestada. Kui teie sait ei muutu sageli, on aasta m\u00f5istlik aeg selle m\u00e4\u00e4ramiseks.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-236276-6381f7009187a.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-236276-6381f7009187a.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Otsige alati v\u00f5imalusi oma serveri reageerimisaja parandamiseks. Selleks vaadake erinevaid j\u00f5udluse kitsaskohti, nagu aeglased andmebaasip\u00e4ringud, aeglane marsruutimine v\u00f5i piisava m\u00e4lu puudumine. Optimaalsed serveri reageerimisajad peaksid olema alla 200 millisekundi.\n<\/p>\n<h5>\n  Pildid v\u00f5ivad teie veebisaidi kiiruses samuti suurt rolli m\u00e4ngida.<br \/>\n<\/h5>\n<p>\n  PNG-d on tavaliselt parim failivorming v\u00e4hem kui 16 v\u00e4rviga graafika jaoks. JPEG-failid on \u00fcldiselt fotode jaoks ideaalne formaat. Veenduge, et need on ka veebi jaoks tihendatud ja 200 ja 300 DPI fotode \u00fcleslaadimiseks pole neid \u00fcldse vaja.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-236276-6381f7028727e.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-236276-6381f7028727e.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  \u00dcks n\u00e4pun\u00e4ide, mida v\u00f5iksite proovida, on kasutada <a href=\"http:\/\/csssprites.com\/\" target=\"_blank\" rel=\"noopener\">CSS-i spraite<\/a>, et luua malli sageli kasutatavate piltide jaoks, nagu ikoonid, logo ja muud sageli kasutatavad nupud. CSS-i spraidid \u00fchendavad teie pildid \u00fcheks suuremaks pildiks, mis laaditakse k\u00f5ik korraga. See t\u00e4hendab v\u00e4hem HTTP-p\u00e4ringuid, mis t\u00e4hendab laadimisaja s\u00e4\u00e4stmist, kuna kasutajad ei sunni mitme pildi laadimist ootama.\n<\/p>\n<p>\n  L\u00f5puks on veel \u00fcks v\u00f5imalus oma saitide laadimiskiiruse suurendamiseks kasutada sisu levitamisv\u00f5rku v\u00f5i CDN-i. Neid serveriv\u00f5rke kasutatakse sisu edastamise koormuse jaotamiseks. P\u00f5him\u00f5tteliselt t\u00e4hendab see, et teie veebisaidi koopiad salvestatakse mitmesse, geograafiliselt erinevasse andmekeskusesse, nii et kasutajatel on veebisaidile kiirem ja usaldusv\u00e4\u00e4rsem juurdep\u00e4\u00e4s k\u00f5ikjal maailmas, kus nad f\u00fc\u00fcsiliselt asuvad.\n<\/p>\n<p>\n  Kuigi suurep\u00e4rase veebisaidi loomine v\u00f5ib olla p\u00f5nev ja rahuldust pakkuv, peaksite veenduma, et see on korralikult optimeeritud. See h\u00f5lmab ka mobiili- ja saidikiiruse s\u00f5bralikkuse tagamist. Kui ei, siis on suur v\u00f5imalus, et v\u00f5ite potentsiaalselt uue ja korduva \u00e4ritegevuse kaotada.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  : <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2015\/09\/09\/mobile-friendly-site-speed\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>T\u00e4nap\u00e4eva web 2.0 maailmas keerleb k\u00f5ik Interneti \u00fcmber. Kui otsite torumeest, minge veebi. Kui otsite kohalikku restorani, minge veebi. Kui soovite kodu osta, siis arvake \u00e4ra, mida? L\u00e4hete veebi. Inimesed ei kasuta enam kollaseid lehti, et leida ettev\u00f5tet oma vajaduse v\u00f5i soovi j\u00e4rgi. Nad l\u00e4hevad veebi, kuna see pakub k\u00f5ige t\u00e4psemat ja kiiremat teavet. Selle teabe saamiseks viis kuni seitse aastat tagasi l\u00e4ks inimene oma kodu v\u00f5i ettev\u00f5tte t\u00f6\u00f6lauale v\u00f5i\u2026<\/p>\n","protected":false},"author":1,"featured_media":155657,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[143,195,117,52],"tags":[],"class_list":["post-247826","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-veebi-napunaited-ja-nipid","category-veebikujundus","category-veebitooriistad","category-web-ja-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/posts\/247826","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/comments?post=247826"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/posts\/247826\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/media\/155657"}],"wp:attachment":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/media?parent=247826"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/categories?post=247826"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/tags?post=247826"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}