{"id":7252,"date":"2026-03-12T11:26:05","date_gmt":"2026-03-12T09:26:05","guid":{"rendered":"https:\/\/webs.uab.cat\/webedit\/?p=7252"},"modified":"2026-07-01T13:26:17","modified_gmt":"2026-07-01T11:26:17","slug":"estrategies-per-millorar-el-rendiment-i-laparenca-de-la-nostra-pagina-web","status":"publish","type":"post","link":"https:\/\/webs.uab.cat\/webedit\/2026\/03\/12\/estrategies-per-millorar-el-rendiment-i-laparenca-de-la-nostra-pagina-web\/","title":{"rendered":"Estrat\u00e8gies per millorar el rendiment\u00a0i l\u2019aparen\u00e7a\u00a0de la\u00a0nostra\u00a0p\u00e0gina web"},"content":{"rendered":"\n<p class=\"wp-block-uab-entradeta entradeta\">Quan se\u2019ns demana crear una nova p\u00e0gina web, habitualment rebem dues consignes: que la p\u00e0gina mostri tota la informaci\u00f3 que les persones usu\u00e0ries necessiten i que sigui visualment atractiva. Sovint, es posa molt m\u00e9s \u00e8mfasi en aquesta segona condici\u00f3 \u2014i no est\u00e0 malament\u2014, per\u00f2 cal tenir en compte que mantenir l\u2019atractiu implica seguir una s\u00e8rie de recomanacions. Les expliquem tot seguit:<\/p>\n\n\n\n<!--more-->\n\n\n\n<h2 class=\"wp-block-heading\">Evitar&nbsp;sobrecarregar la portada&nbsp;<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La portada de la nostra p\u00e0gina web \u00e9s la nostra targeta de presentaci\u00f3. Ha de contenir els elements m\u00e9s buscats i, s\u00ed, ha de ser visualment atractiva. Per aconseguir-ho, hem d\u2019evitar sobrecarregar-la perqu\u00e8, si no, atabalarem les persones usu\u00e0ries i es perdran. Per aix\u00f2 s\u2019han establert un nombre m\u00e0xim d\u2019elements en algunes files:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Fila carrusel: nom\u00e9s s&#8217;admetran <strong>3 <em>slides<\/em><\/strong>.<\/li>\n\n\n\n<li>Fila de not\u00edcies: es visualitzaran un m\u00e0xim de <strong>8 not\u00edcies<\/strong>.<\/li>\n\n\n\n<li>Fila d&#8217;agenda: es mostraran fins a <strong>6 activitats<\/strong>.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Encara que el gestor de continguts permeti afegir m\u00e9s elements, nom\u00e9s es visualitzar\u00e0 el nombre indicat.<\/p>\n\n\n\n<p class=\"wp-block-uab-negatiu missatge\">Tot i que la m\u00e0gia de la programaci\u00f3 faci que nom\u00e9s es visualitzi un nombre determinat d\u2019elements a la web, <strong>eviteu que els assets de Fila continguin un llistat interminable<\/strong>. \u00c9s poc operatiu per a les persones que els han d\u2019editar.<\/p>\n\n\n\n<dl class=\"pir\">\n<dt>Es poden posar menys elements? <\/dt>\n<\/dl>\n\n\n\n<p class=\"wp-block-paragraph\">S\u00ed, sense problemes. Com diu la dita: \u201cmenys \u00e9s m\u00e9s\u201d.<\/p>\n\n\n\n<dl class=\"pir\">\n<dt>Per\u00f2 si una not\u00edcia ja no est\u00e0 a la fila, com la trobaran els usuaris?<\/dt>\n<\/dl>\n\n\n\n<p class=\"wp-block-paragraph\">Totes les p\u00e0gines web disposen d\u2019un espai on es recopilen les not\u00edcies. A m\u00e9s, en aquesta p\u00e0gina trobareu un desplegable amb filtres per fer cerques m\u00e9s f\u00e0cilment. Tingueu present que les not\u00edcies porten associat el concepte de \u201cnovetat\u201d i, per tant, no cal destacar-les durant llargs per\u00edodes de temps.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Optimitzar la mida de les imatges&nbsp;<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">En funci\u00f3 de la seva ubicaci\u00f3, <a href=\"https:\/\/webs.uab.cat\/webedit\/edicio-de-continguts\/manual\/imatges\/#mides\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>les imatges tenen una mida recomanada<\/strong><\/a>.&nbsp;Si fem servir altres mides, es veuran deformades i l\u2019atractiu visual que busquem se n\u2019anir\u00e0 en orris.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tamb\u00e9 pot passar que pugem imatges m\u00e9s grans per\u00f2 amb la proporci\u00f3 correcta. Aquestes no es deformaran, perqu\u00e8 el full d\u2019estils for\u00e7ar\u00e0 la mida adequada, per\u00f2 el rendiment de la&nbsp;p\u00e0gina se\u2019n ressentir\u00e0.&nbsp;<strong>Com m\u00e9s pesi una imatge, m\u00e9s trigar\u00e0 a carregar-se.<\/strong>&nbsp;Moltes persones naveguen amb dispositius m\u00f2bils i, si no estan connectades a una&nbsp;wifi, la p\u00e0gina pot tardar massa a obrir-se. En aquesta \u00e8poca&nbsp;d\u2019\u201ceconomia&nbsp;de l\u2019atenci\u00f3\u201d, correm el risc que els usuaris abandonin la p\u00e0gina si han d\u2019esperar m\u00e9s del compte.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Per tant, cal que qualsevol imatge que es pugi al gestor tingui les mides adequades i el seu pes estigui optimitzat per a web.&nbsp;<strong>Els formats preferibles s\u00f3n:&nbsp;jpg&nbsp;i&nbsp;png.<\/strong>&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Revisar la mida dels documents&nbsp;<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Seguint la mateixa recomanaci\u00f3 que per a les imatges, els documents tampoc poden ser excessivament grans. Al gestor de continguts <strong>s\u2019ha establert un l\u00edmit de 5 MB<\/strong>. Si voleu pujar a l\u2019Oracle un arxiu de m\u00e9s pes,\u00a0l\u2019asset\u00a0no es podr\u00e0 desar.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tot i que s\u2019admeten diversos formats, \u00e9s recomanable prioritzar el PDF.&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":24,"featured_media":7251,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-7252","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general"],"_links":{"self":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/posts\/7252","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/comments?post=7252"}],"version-history":[{"count":12,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/posts\/7252\/revisions"}],"predecessor-version":[{"id":7294,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/posts\/7252\/revisions\/7294"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/media\/7251"}],"wp:attachment":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/media?parent=7252"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/categories?post=7252"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/tags?post=7252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}