{"id":289,"date":"2016-09-28T12:48:56","date_gmt":"2016-09-28T11:48:56","guid":{"rendered":"https:\/\/sokvist.com\/?p=289"},"modified":"2019-07-02T15:05:43","modified_gmt":"2019-07-02T14:05:43","slug":"si-la-teva-web-es-lenta-estas-perdent-clients","status":"publish","type":"post","link":"https:\/\/sokvist.com\/ca\/si-la-teva-web-es-lenta-estas-perdent-clients\/","title":{"rendered":"Si la teva web \u00e9s lenta, est\u00e0s perdent clients"},"content":{"rendered":"<p><\/p>\n<h2>Sobre la import\u00e0ncia del rendiment en una web i de com influeix en el SEO i en la conversi\u00f3 de clients.<\/h2>\n<p>No \u00e9s nom\u00e9s que el \u201c<em>page speed<\/em>\u201d (el temps que triga en carregar-se tot el contingut d\u2019una web) sigui important per a Google a l\u2019hora de <strong>posicionar una web<\/strong>, la velocitat d\u2019una web \u00e9s tamb\u00e9 un factor molt important per a l\u2019experi\u00e8ncia de l\u2019usuari. Aix\u00f2 vol dir que la velocitat influir\u00e0 no nom\u00e9s en el n\u00famero de visitants, sin\u00f3 tamb\u00e9 en la <strong>conversi\u00f3 de clients<\/strong> (\u00e9s a dir, fer una compra, una reserva, o qualsevol de les accions per a les quals ha estat dissenyada la web).<\/p>\n<p>Segons unes famoses estad\u00edstiques de <a href=\"https:\/\/blog.kissmetrics.com\/loading-time\/\">Kissmetrics<\/a> (no gaire actuals, per\u00f2 serveixen perfectament),<\/p>\n<ul>\n<li>gaireb\u00e9 un <strong>50%<\/strong> dels usuaris d\u2019una web esperen que <strong>carregui en 2 segons<\/strong> o menys<\/li>\n<li>el <strong>40% abandonar\u00e0<\/strong> el web si triga m\u00e9s de 3 segons en carregar<\/li>\n<li><strong>1 segon de retard<\/strong> en el temps de c\u00e0rrega suposa un <strong>7% menys<\/strong> de conversions<\/li>\n<li>Pel que fa a les compres, el 79% d\u2019usuaris que es troben amb <strong>problemes de rendiment<\/strong> de la web no tornaran a entrar-hi mai m\u00e9s<\/li>\n<li>i el 44% d\u2019ells <strong>ho explicar\u00e0 a un amic si t\u00e9 problemes<\/strong> amb la compra online<\/li>\n<\/ul>\n<h2>Com puc saber la velocitat de la meva web?<\/h2>\n<p>La manera m\u00e9s r\u00e0pida \u00e9s utilitzar <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\">PageSpeed Insights<\/a> de Google. Et donar\u00e0 una puntuaci\u00f3 sobre 100 (per a ordinador i per a m\u00f2bil) depenent dels problemes que hagi trobat, marcant-ho en vermell, groc o verd. Per a cada un dels problemes et mostrar\u00e0 les correccions que pots realitzar.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"832\" class=\"alignnone size-full wp-image-294\" src=\"https:\/\/sokvist.com\/wp-content\/uploads\/2016\/09\/pagespeed-insights-desktop-sokvist-en-web.png\" alt=\"PageSpeed Insights -Sokvist\" srcset=\"https:\/\/sokvist.com\/wp-content\/uploads\/2016\/09\/pagespeed-insights-desktop-sokvist-en-web.png 900w, https:\/\/sokvist.com\/wp-content\/uploads\/2016\/09\/pagespeed-insights-desktop-sokvist-en-web-250x231.png 250w, https:\/\/sokvist.com\/wp-content\/uploads\/2016\/09\/pagespeed-insights-desktop-sokvist-en-web-768x710.png 768w, https:\/\/sokvist.com\/wp-content\/uploads\/2016\/09\/pagespeed-insights-desktop-sokvist-en-web-700x647.png 700w, https:\/\/sokvist.com\/wp-content\/uploads\/2016\/09\/pagespeed-insights-desktop-sokvist-en-web-120x111.png 120w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/p>\n<p>Hi ha altres eines online, m\u00e9s precises per\u00f2 tamb\u00e9 m\u00e9s t\u00e8cniques, com ara <a href=\"https:\/\/gtmetrix.com\/\">GTmetrix<\/a> i <a href=\"http:\/\/yellowlab.tools\/\">Yellow Lab Tools<\/a>. Les puntuacions variaran segons quina eina utilitzem, perqu\u00e8 tamb\u00e9 varien els criteris, per\u00f2 cada una d\u2019elles ens pot donar informaci\u00f3 important per a millorar el rendiment del nostre lloc web.<\/p>\n<p><strong>Si feu algun d\u2019aquests tests a la vostra web i la puntuaci\u00f3 est\u00e0 per sobre de 85, no cal que seguiu llegint m\u00e9s<\/strong>. Gr\u00e0cies per visitar el nostre blog.<\/p>\n<p><strong>Si la vostra web est\u00e0 per sota de 85, i sobretot, si est\u00e0 per sota de 50, \u00e9s urgent que feu alguna cosa<\/strong>. Esteu perdent clients! Poseu-vos de seguida en contacte amb el professional que us ha fet la web perqu\u00e8 us solucioni el problema. Si \u00e9s realment un professional i us ha cobrat per la feina, segur que no tindr\u00e0 cap problema en fer les correccions necess\u00e0ries.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"462\" class=\"alignnone size-full wp-image-295\" src=\"https:\/\/sokvist.com\/wp-content\/uploads\/2016\/09\/web-performance-2.jpg\" alt=\"Rendiment web i SEO - Sokvist\" srcset=\"https:\/\/sokvist.com\/wp-content\/uploads\/2016\/09\/web-performance-2.jpg 900w, https:\/\/sokvist.com\/wp-content\/uploads\/2016\/09\/web-performance-2-250x128.jpg 250w, https:\/\/sokvist.com\/wp-content\/uploads\/2016\/09\/web-performance-2-768x394.jpg 768w, https:\/\/sokvist.com\/wp-content\/uploads\/2016\/09\/web-performance-2-700x359.jpg 700w, https:\/\/sokvist.com\/wp-content\/uploads\/2016\/09\/web-performance-2-120x62.jpg 120w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/p>\n<p>Si sou dels que us heu fet vosaltres mateixos la web amb una plantilla o amb alguna plataforma tipus \u201cfes-te la teva pr\u00f2pia web en 3 simples passos\u201d, llavors la cosa es complica una mica. Teniu dues opcions: posar-vos en contacte amb un <a href=\"https:\/\/sokvist.com\/about\/\">professional<\/a> o, si sou molt persistents, seguir llegint aquest post.<\/p>\n<h2><strong>Com puc millorar el rendiment de la meva web?<\/strong><\/h2>\n<p>Hi ha tota una s\u00e8rie d\u2019accions que podem dur a terme per a millorar la nostra web, unes m\u00e9s t\u00e8cniques i complicades, d\u2019altres m\u00e9s senzilles. Us en expliquem 3 de les que considerem b\u00e0siques i relativament assequibles. Si esteu interessats en aprofundir m\u00e9s sobre el tema poseu-vos en <a href=\"mailto:judit@sokvist.com\">contacte<\/a> amb nosaltres.<\/p>\n<h3>1. Optimitzaci\u00f3 de les imatges<\/h3>\n<p>Un dels factors que m\u00e9s influeixen en el temps de c\u00e0rrega d\u2019una web s\u00f3n les imatges. \u00c9s important que les optimitzeu al m\u00e0xim, tant en la mida com en el pes. Per a redimensionar-les podeu fer servir programes com el <a href=\"http:\/\/www.adobe.com\/es\/products\/photoshop.html\">Photoshop<\/a> o el <a href=\"http:\/\/www.gimp.org\/\">Gimp<\/a>, o eines online com <a href=\"http:\/\/www.iloveimg.com\/\">aquesta<\/a>. Un cop redimensionades heu de reduir-ne el pes. Hi ha moltes <a href=\"http:\/\/google.com\/search?q=image+optimizer\">eines online<\/a> per a fer-ho, per\u00f2 jo us recomanaria la de <a href=\"https:\/\/kraken.io\/web-interface\">Kraken<\/a>.<\/p>\n<p>Si feu servir WordPress, \u00e9s recomanable utilitzar el plugin <a href=\"https:\/\/wordpress.org\/plugins\/wp-smushit\/\">WP Smush<\/a>. Penseu per\u00f2 que nom\u00e9s s\u2019optimitzaran les imatges que pugem a trav\u00e9s de la galeria multim\u00e8dia (la carpeta \u201cUploads\u201d) . Si pugem les imatges d\u2019alguna altra manera llavors les haurem d\u2019optimitzar pr\u00e8viament.<\/p>\n<p>Finalment, recordeu que \u00e9s important fer servir sempre el format d\u2019imatge adequat per a cada tipus d\u2019imatge. Per a fotografies format jpg (png si necessitem un fons transparent) i svg per a icones, logos o il\u00b7lustracions.<\/p>\n<h3>2. Arxius JavaScript i CSS<\/h3>\n<p>Si sou dels que heu fet servir una plantilla (totalment contraindicat), segurament esteu utilitzant una gran quantitat d\u2019arxius JavaScript i CSS. Aix\u00f2 fa augmentar molt el temps de resposta del servidor. Sent una plantilla, \u00e9s molt probable que molts d\u2019aquests arxius no siguin necessaris. Elimineu-los. Els que s\u00ed que utilitzeu, compileu-los en un de sol i minimitzeu-lo. Hi ha moltes maneres de fer-ho, ara no entrarem en aquest tema, massa t\u00e8cnic. Ho deixarem per un post de m\u00e9s endavant.<\/p>\n<h3>3. Utilitzeu un bon servidor<\/h3>\n<p>La qualitat del servidor influeix en la velocitat de resposta. Sovint a l\u2019hora de contractar un servidor (l\u2019allotjament web) nom\u00e9s mirem el preu. Val la pena contractar un allotjament de qualitat que ens asseguri una bona velocitat de resposta.<\/p>\n<p>Per millorar la velocitat tamb\u00e9 podem fer servir uns servei de CDN (\u201c<em>Content Delivery Network<\/em>\u201d, o Xarxa de Distribuci\u00f3 de Continguts), que \u00e9s una xarxa de servidors connectats entre s\u00ed i distribu\u00efts per tot el m\u00f3n, que guarden a la mem\u00f2ria cau els continguts que no necessiten una actualitzaci\u00f3 permanent, per aix\u00ed poder-los entregar d\u2019una manera m\u00e9s r\u00e0pida i eficient. Nosaltres us recomanem <a href=\"https:\/\/www.cloudflare.com\/\">CloudFlare<\/a>: \u00e9s el que utilitzem per el nostre web i t\u00e9 un pla gratu\u00eft prou bo.<\/p>\n<h2>Resumint<\/h2>\n<p>El bon rendiment de la teva web tamb\u00e9 \u00e9s important per al teu negoci, val la pena dedicar-hi temps o diners. \u00c9s b\u00e0sic que contractis un bon professional que et faci una web <strong>bonica i <\/strong><a href=\"https:\/\/sokvist.com\/la-importancia-del-responsive\/\"><strong><em>responsive<\/em><\/strong><\/a>, per\u00f2 tamb\u00e9 <strong>efica\u00e7 i usable<\/strong>.<\/p>\n<p>Has fet el <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\">test<\/a>? Quina nota has tret? Necessites assessorament professional? <a href=\"mailto:judit@sokvist.com\">Contacta\u2019ns<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"Sobre la import\u00e0ncia del rendiment en una web i de com influeix en el SEO i en la conversi\u00f3 de clients. No \u00e9s nom\u00e9s que el \u201cpage speed\u201d (el temps que triga en carregar-se tot el contingut d\u2019una web) sigui important per a Google a l\u2019hora de posicionar una web, la velocitat d\u2019una web \u00e9s &#8230;","protected":false},"author":1,"featured_media":292,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[17],"tags":[70],"class_list":["post-289","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desenvolupament-web","tag-70"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/sokvist.com\/ca\/wp-json\/wp\/v2\/posts\/289","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sokvist.com\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sokvist.com\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sokvist.com\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sokvist.com\/ca\/wp-json\/wp\/v2\/comments?post=289"}],"version-history":[{"count":10,"href":"https:\/\/sokvist.com\/ca\/wp-json\/wp\/v2\/posts\/289\/revisions"}],"predecessor-version":[{"id":302,"href":"https:\/\/sokvist.com\/ca\/wp-json\/wp\/v2\/posts\/289\/revisions\/302"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sokvist.com\/ca\/wp-json\/wp\/v2\/media\/292"}],"wp:attachment":[{"href":"https:\/\/sokvist.com\/ca\/wp-json\/wp\/v2\/media?parent=289"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sokvist.com\/ca\/wp-json\/wp\/v2\/categories?post=289"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sokvist.com\/ca\/wp-json\/wp\/v2\/tags?post=289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}