{"id":257833,"date":"2023-08-21T09:47:00","date_gmt":"2023-08-21T06:47:00","guid":{"rendered":"https:\/\/inform.click\/mobilvennlig-og-nettstedshastighet-to-viktige-ting-a-vurdere-nar-du-designer-et-nettsted\/"},"modified":"2023-08-21T10:13:00","modified_gmt":"2023-08-21T07:13:00","slug":"mobilvennlig-og-nettstedshastighet-to-viktige-ting-a-vurdere-nar-du-designer-et-nettsted","status":"publish","type":"post","link":"https:\/\/inform.click\/no\/mobilvennlig-og-nettstedshastighet-to-viktige-ting-a-vurdere-nar-du-designer-et-nettsted\/","title":{"rendered":"Mobilvennlig og nettstedshastighet \u2013 to viktige ting \u00e5 vurdere n\u00e5r du designer et nettsted?"},"content":{"rendered":"<p>\n  I dagens web 2.0-verden dreier alt seg om Internett. Hvis du leter etter en r\u00f8rlegger g\u00e5r du til nettet. Hvis du leter etter lokal restaurant, g\u00e5r du til nettet. Hvis du vil kj\u00f8pe bolig, gjett hva? Du g\u00e5r til nettet.\n<\/p>\n<p>\n  Det er ikke lenger folk som bruker de gule sidene for \u00e5 finne en bedrift for et behov eller behov. De g\u00e5r til nettet fordi det gir den mest n\u00f8yaktige og raskeste informasjonen.\n<\/p>\n<p>\n  For \u00e5 f\u00e5 denne informasjonen for fem til syv \u00e5r siden, ville en person g\u00e5 til hjemmet eller bedriftens stasjon\u00e6re eller b\u00e6rbare datamaskin, hente en nettleser og s\u00f8kemotor og gj\u00f8re et s\u00f8k.\n<\/p>\n<p>\n  I dag har landskapet endret seg fullstendig ettersom folk ikke bare g\u00e5r til b\u00e6rbare og stasjon\u00e6re datamaskiner for \u00e5 f\u00e5 informasjon \u2013 de bruker mobile enheter, inkludert smarttelefoner og nettbrett.\n<\/p>\n<h5>\n  Er nettstedet ditt mobilvennlig?<br \/>\n<\/h5>\n<p>\n  Det betyr at et nettsted som ser bra ut p\u00e5 en stasjon\u00e6r eller b\u00e6rbar datamaskin sannsynligvis ikke ser veldig bra ut n\u00e5r det vises via en h\u00e5ndholdt mobilenhet. Kopien er for liten, lenkene er sm\u00e5 og du m\u00e5 bla sidelengs for \u00e5 se alt innholdet. Ikke bare er nettstedet ikke brukervennlig, men det kan n\u00e5 ogs\u00e5 ha en innvirkning (en sv\u00e6rt viktig \u2013 potensielt ekstremt negativ innvirkning) p\u00e5 s\u00f8kemotorene \u2013 spesielt Google.\n<\/p>\n<p>\n  Hva betyr det egentlig ogs\u00e5? I utgangspunktet hvis nettstedet ditt ikke er tilpasset for en mobilenhet, kan det miste organiske rangeringer med s\u00f8kemotorene. Det betyr at n\u00e5r noen bes\u00f8ker Google p\u00e5 telefonen eller nettbrettet og s\u00f8ker etter en r\u00f8rlegger, er det en god sjanse for at du ikke kommer opp, og hvis du gj\u00f8r det, vil den mest sannsynlig ikke v\u00e6re p\u00e5 f\u00f8rstesiden av resultatene.\n<\/p>\n<p>\n  I tillegg setter Google n\u00e5 en &laquo;mobilvennlig&raquo; etikett p\u00e5 sine mobils\u00f8keresultater. Et nettsted er kvalifisert for denne etiketten hvis det oppfyller f\u00f8lgende kriterier som oppdaget av Googles algoritme:\n<\/p>\n<ul>\n<li>Unng\u00e5 programvare som ikke er vanlig p\u00e5 mobile enheter som Adobe Flash.\n  <\/li>\n<li>Bruk tekstst\u00f8rrelser som er lesbare uten \u00e5 zoome.\n  <\/li>\n<li>Lenker er plassert langt nok fra hverandre slik at den riktige enkelt kan trykkes for brukeren.\n  <\/li>\n<li>Innholdet passer til skjermen, s\u00e5 bruk trenger ikke \u00e5 rulle horisontalt for \u00e5 se.\n  <\/li>\n<\/ul>\n<h5>\n  Den mobilvennlige testen<br \/>\n<\/h5>\n<p>\n  En nettredakt\u00f8r eller bedriftseier kan sjekke hvor mobilvennlig nettstedet deres er ved \u00e5 bes\u00f8ke <a href=\"https:\/\/www.google.com\/webmasters\/tools\/mobile-friendly\/\" target=\"_blank\" rel=\"noopener\">Googles mobilvennlige testside<\/a>. Hvis nettstedet ikke best\u00e5r testen, vil Google gi deg informasjon og tips om hvordan du kan gj\u00f8re nettstedet mobilvennlig.\n<\/p>\n<p>\n  Mange innholdsstyringssystemer (CMS) som WordPress, Drupal og Joomla tilbyr n\u00e5 hjelp til hvordan du kan migrere ditt skrivebordsvennlige nettsted til et adaptivt, mobilvennlig nettsted.\n<\/p>\n<p>\n  F\u00f8r du gj\u00f8r dette, vil du imidlertid forsikre deg om at du sikkerhetskopierer ditt n\u00e5v\u00e6rende nettsted og oppdaterer ditt n\u00e5v\u00e6rende CMS til den nyeste versjonen. I noen situasjoner vil en oppdatering til den nyeste versjonen automatisk bruke n\u00f8dvendige sikkerhetsoppgraderinger og gj\u00f8re nettstedet ditt mobilvennlig. Hvis prosessen ikke utl\u00f8ses automatisk, s\u00f8rg for \u00e5 skyve oppdateringen manuelt for \u00e5 forhindre sikkerhetsbrudd.\n<\/p>\n<p>\n  Hvis CMS-en du bruker tilbyr tilpassede temaer, s\u00f8rg for at versjonen du velger er mobilvennlig. Hvis ikke, m\u00e5 du kanskje begynne p\u00e5 nytt.\n<\/p>\n<h5>\n  Hvor raskt lastes nettstedet ditt?<br \/>\n<\/h5>\n<p>\n  I tillegg til \u00e5 gj\u00f8re nettstedet ditt mobilvennlig, er en annen viktig ting \u00e5 vurdere n\u00e5r du designer nettstedet ditt. Hvis en nettside tar for lang tid \u00e5 laste, er det mulig at brukeren spretter av og g\u00e5r til en som laster raskere. Faktisk, if\u00f8lge en rekke unders\u00f8kelser og studier, forventer nesten halvparten av nettbrukerne at et nettsted skal lastes p\u00e5 to sekunder eller mindre. De samme personene vil forlate et nettsted som ikke er lastet inn innen tre sekunder. For \u00e5 gj\u00f8re saken enda st\u00f8rre, sier 79 % av nettkundene som har problemer med nettstedets ytelse at de ikke vil g\u00e5 tilbake til nettstedet for \u00e5 kj\u00f8pe igjen, og rundt 44 % av dem ville fortalt det til en venn hvis de hadde en d\u00e5rlig opplevelse med \u00e5 handle p\u00e5 nettet.\n<\/p>\n<p>\n  I tillegg til \u00e5 miste potensielle kunder fordi lastetiden din er lang, kan en treg nettside faktisk ogs\u00e5 skade rangeringen din hos Google. Det er fordi Google har indikert at nettstedshastighet er et av signalene som brukes av algoritmen for \u00e5 rangere sider. En lav nettsidehastighet betyr ogs\u00e5 at s\u00f8kemotoren kan gjennoms\u00f8ke f\u00e6rre sider, noe som kan bety at f\u00e6rre sider blir indeksert av Google. I hovedsak betyr dette at du mister virksomheten hvis nettstedet ditt laster sakte.\n<\/p>\n<h5>\n  Googles Page Speed \u200b\u200bInsights-test<br \/>\n<\/h5>\n<p>\n  I likhet med den mobilvennlige testen tilbyr Google et gratis <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener\">Page Speed \u200b\u200bInsights-verkt\u00f8y<\/a>. Dette verkt\u00f8yet m\u00e5ler ytelsen til en nettside for b\u00e5de stasjon\u00e6re og mobile enheter.\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  N\u00e5r du kopierer og limer inn URL-en i verkt\u00f8yet, vises en poengsum mellom null og hundre poeng. Jo h\u00f8yere poengsum, desto bedre er nettstedet ditt for Googles algoritme, og en poengsum p\u00e5 85 eller h\u00f8yere indikerer at siden gir gode resultater.\n<\/p>\n<p>\n  Med Page Speed \u200b\u200bInsights l\u00e6rer du hvordan nettstedet ditt kan forbedres p\u00e5 ulike n\u00f8kkelaspekter, inkludert tiden fra det \u00f8yeblikket en bruker ber om en ny side til det \u00f8yeblikket innholdet p\u00e5 den synlige delen av den nye siden gjengis av nettleseren. Den m\u00e5ler ogs\u00e5 tiden som har g\u00e5tt fra det \u00f8yeblikket en bruker ber om en ny side til det \u00f8yeblikket siden er fullstendig gjengitt av nettleseren.\n<\/p>\n<p>\n  Siden brukernes nettverk kan ha stor innvirkning p\u00e5 denne hastigheten, vurderer Page Speed \u200b\u200bInsights bare de nettverksuavhengige aspektene ved sideytelsen. Det inkluderer serverkonfigurasjon, HTML-struktur og bruk av eksterne ressurser som bilder, CSS og JavaScript.\n<\/p>\n<p>\n  For eksempel, ved \u00e5 optimalisere koden (inkludert \u00e5 fjerne mellomrom, komma og andre un\u00f8dvendige tegn), kan du dramatisk <a href=\"https:\/\/inform.click\/no\/hvordan-forbedre-wordpress-nettstedets-hastighet-8-enkle-men-effektive-tips\/\" title=\"\u00f8ke sidehastigheten.\">\u00f8ke sidehastigheten.<\/a> Fjern ogs\u00e5 kodekommentarer, formatering og ubrukt kode. Google anbefaler \u00e5 bruke <a href=\"https:\/\/developer.yahoo.com\/yui\/compressor\/\" target=\"_blank\" rel=\"noopener\">YUI Compressor<\/a> for b\u00e5de CSS og JavaScript.\n<\/p>\n<p>\n  Reduksjonen av omdirigeringer vil ogs\u00e5 forbedre nettstedets hastighet. Det er fordi hver gang en side omdirigerer til en annen side, m\u00f8ter bes\u00f8kende ekstra tid p\u00e5 \u00e5 vente p\u00e5 at HTTP-foresp\u00f8rsel-svar-syklusen skal fullf\u00f8res. Hvis for eksempel mobilviderekoblingsm\u00f8nsteret ditt ser slik ut: \u00abABC.com -&gt; www.ABC.com -&gt; m.ABC.com -&gt; m.ABC.com\/home\u00bb, gj\u00f8r hver av disse to ekstra omdirigeringene siden din last langsommere.\n<\/p>\n<p>\n  Webmastere b\u00f8r alltid utnytte nettleserbufring. Det inkluderer elementer som bilder, stilark og andre. Dette skjer slik at en bes\u00f8kende som kommer tilbake til nettstedet ditt ikke trenger \u00e5 laste hele siden p\u00e5 nytt. Ved \u00e5 bruke et verkt\u00f8y som <a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/YSlow\/\" target=\"_blank\" rel=\"noopener\">YSlow<\/a> kan du se om du allerede har angitt en utl\u00f8psdato for cachen din. N\u00e5r det er funnet ut, kan du angi en &laquo;utl\u00f8per&raquo;-overskrift for hvor lenge du vil at informasjonen skal bufres. Med mindre nettstedet ditt endres ofte, er et \u00e5r en rimelig tid \u00e5 sette den p\u00e5.\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  Se alltid etter m\u00e5ter \u00e5 forbedre serverens responstid p\u00e5. For \u00e5 gj\u00f8re dette, se p\u00e5 ulike flaskehalser i ytelsen som trege databasesp\u00f8rringer, langsom ruting eller mangel p\u00e5 tilstrekkelig minne. Optimale serverresponstider b\u00f8r v\u00e6re under 200 millisekunder.\n<\/p>\n<h5>\n  Bilder kan ogs\u00e5 spille en stor rolle i hastigheten p\u00e5 nettstedet ditt.<br \/>\n<\/h5>\n<p>\n  PNG-er er vanligvis det beste filformatet for grafikk med f\u00e6rre enn 16 farger. JPEG-er er generelt det ideelle formatet for bilder. S\u00f8rg for at de ogs\u00e5 er komprimert for nettet og er helt ikke n\u00f8dvendig for \u00e5 laste opp 200 og 300 DPI bilder.\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  Et tips du kanskje vil pr\u00f8ve er \u00e5 bruke <a href=\"http:\/\/csssprites.com\/\" target=\"_blank\" rel=\"noopener\">CSS-sprites<\/a> for \u00e5 lage en mal for bilder som du bruker ofte, for eksempel ikoner, logoen din og andre ofte brukte knapper. CSS sprites vil kombinere bildene dine til ett st\u00f8rre bilde som lastes inn p\u00e5 en gang. Det betyr f\u00e6rre HTTP-foresp\u00f8rsler, noe som tilsvarer \u00e5 spare p\u00e5 lastetid ved ikke \u00e5 tvinge brukere til \u00e5 vente p\u00e5 at flere bilder skal lastes.\n<\/p>\n<p>\n  Til slutt, et annet alternativ for \u00e5 \u00f8ke lastehastigheten til nettstedene dine er ved \u00e5 bruke et innholdsdistribusjonsnettverk eller CDN. Disse nettverkene av servere brukes til \u00e5 fordele belastningen med \u00e5 levere innhold. I utgangspunktet betyr dette at kopier av nettstedet ditt er lagret i flere, geografisk forskjellige datasentre, slik at brukerne har raskere og mer p\u00e5litelig tilgang til nettstedet uansett hvor i verden de fysisk befinner seg.\n<\/p>\n<p>\n  Selv om det kan v\u00e6re spennende og givende \u00e5 lage et flott nettsted, b\u00f8r du s\u00f8rge for at det er riktig optimalisert. Det inkluderer \u00e5 s\u00f8rge for at den er mobilvennlig og nettstedshastighetsvennlig. Hvis ikke er det stor mulighet for at du kan miste potensielt nye og gjentatte forretninger.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Opptakskilde: <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>I dagens web 2.0-verden dreier alt seg om Internett. Hvis du leter etter en r\u00f8rlegger g\u00e5r du til nettet. Hvis du leter etter lokal restaurant, g\u00e5r du til nettet. Hvis du vil kj\u00f8pe bolig, gjett hva? Du g\u00e5r til nettet. Det er ikke lenger folk som bruker de gule sidene for \u00e5 finne en bedrift for et behov eller behov. De g\u00e5r til nettet fordi det gir den mest n\u00f8yaktige og raskeste informasjonen. For \u00e5 f\u00e5 denne informasjonen for fem til syv \u00e5r siden, ville en person g\u00e5 til hjemmet eller bedriftens skrivebord eller &#8230;<\/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":[148,122,57,200],"tags":[],"class_list":["post-257833","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nett-tips-og-triks","category-nettverktoy","category-web-og-wordpress","category-webdesign-2"],"_links":{"self":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts\/257833","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/comments?post=257833"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts\/257833\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/media\/155657"}],"wp:attachment":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/media?parent=257833"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/categories?post=257833"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/tags?post=257833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}