Agência Shopify
Agência Shopware
Agência JTL-Shop 5
Agência Gambio
Agência Magento
Agência WooCommerce
Agência PrestaShop
Parceiro de serviços da Xentral Enterprise
Parceiro de serviços VARIO
Agência Odoo
Agência Amazon
SEO do eBay
Otto SEO
SEO do Google
Anúncios do Google
Mídia social
Bing Ads
Agência de anúncios do Facebook
Agência de anúncios do Instagram
ChatGPT Agência
Agência de construção de ligações
Tutoriais de comércio eletrônico
Podcast de comércio eletrônico
Ferramentas de SEO
Ferramentas KI
Grupo de comércio eletrônico no Facebook
Remover CSS não utilizado
As CSS (Cascading Style Sheets) são utilizadas para definir o design de um sítio Web ou de uma loja online. Os conteúdos estão escritos em HTML (HyperText Markup Language). Em termos gerais, o HTML define onde algo deve estar e o CSS define o seu aspecto.
No passado, muitas das coisas eram misturadas. Assim, também foram armazenadas directamente no código HTML instruções sobre o aspecto desta área especial. No código HTML da página, encontrará entradas como <h2>Headline</h2> – isto indica que este título deve ser desenhado com o código h2. Os títulos dividem-se em h1-h6, de grandes a pequenos, e destinam-se a estruturar uma página ou um documento.
Para sítios Web pequenos, isto é relativamente fácil. No entanto, quando são utilizados sistemas prontos a utilizar, como o WordPress, o Joomla! ou o Shopware, uma quantidade relativamente grande de código encontra aqui o seu lugar. Além disso, vários plugins que pode utilizar para personalizar o seu sítio trazem o seu próprio código para apresentar pop-ups de uma determinada forma, por exemplo.
No entanto, a separação é feita principalmente para que seja criado um código limpo e o sítio Web tenha sempre o mesmo aspecto. Claro que pode tomar nota de que um título <h1> deve ser sempre apresentado em tipo de letra Roboto e tamanho 16. Mas alguns parágrafos devem ter sempre o mesmo aspeto. Se ninguém se lembrar disto, a página parece por vezes um pouco confusa. Os aspectos de SEO também desempenham aqui um papel importante, pelo que é sempre necessário um bom trabalho de CSS.
Mas as CSS podem fazer muito mais: todo o design das páginas é armazenado nas CSS.
CSS e velocidade da página
Quanto mais código tiver de ser carregado, mais lenta se torna a página. Por conseguinte, deve certificar-se de que apenas é carregado o código necessário para a apresentação da respectiva página.
Para análise, já pode utilizar as ferramentas de desenvolvimento do seu navegador normal Firefox ou Chrome. Basta clicar com o botão direito do rato numa área do seu sítio Web e clicar em “Examinar elemento (Q)” no Firefox.
Aqui, na área vermelha, há uma instrução para a área marcada a azul ao lado. À esquerda está apenas o código HTML <h3> e uma classificação especial “elementor”. Uma vez que pode nomear quase tudo em CSS como quiser (alguns termos são reservados), encontrará sempre os seus próprios termos, dependendo do sistema e do design utilizado. Estes são depois explicados num ficheiro .css ou fornecidos com um design. Pode encontrar os comandos na área vermelha.
Assim, não só o tamanho da letra, o tipo de letra, etc. são definidos aqui, mas também a posição, a que distância este elemento deve estar da margem do ecrã, a que distância de outros elementos e muito mais. Se quiser aprofundar este tema, consulte selfhtml. Aqui aprenderá os conhecimentos básicos e avançados de HTML e CSS: selfhtml wiki
Remover CSS
Antes de remover as regras CSS desnecessárias, deve separar as regras necessárias das que não são utilizadas. Não é como se todas as regras CSS tivessem acabado, porque muitas são realmente necessárias. No entanto, existem também algumas regras CSS que só são necessárias em subpáginas ou apenas na página inicial.
Alguns plug-ins de loja só fazem sentido na página do artigo, por exemplo, se for necessário inserir um botão de chat. Vamos supor que o visitante está na página durante 60 segundos e que o produto requer uma explicação. Neste caso, pode activar um plugin que aparece após 60 segundos e pergunta ao visitante se está tudo bem.
O código CSS para este efeito é importante na subpágina, mas não na página principal. Com ferramentas como esta:
https://www.jitbit.com/unusedcss/
pode encontrar código CSS não utilizado. Para os remover, são normalmente necessários outros plug-ins, que podem ser instalados consoante o sistema da loja ou do sítio Web. Naturalmente, estes não trazem qualquer código inútil para a página, mas simplesmente removem as entradas.
Pode testar o impacto que isto tem em sítios como o Google PageSpeed Insights e o GTMetrix. Introduza aí o seu endereço e veja como a velocidade muda. Se o item “Remover CSS não utilizadas” continuar a aparecer, ser-lhe-á indicado quais os ficheiros CSS em causa.
Se apontar para as ligações, ser-lhe-á mostrado exactamente o ficheiro que ainda deve ser removido. No entanto, é preciso verificar se isso é verdade. Por vezes, a medição não é muito exacta e remove-se código que pode pertencer ao plug-in de cookies. Se remover este código, a sua loja deixa de estar em conformidade com a lei.
Remover CSS através do eBakery
Teremos todo o gosto em verificar a sua loja e remover de forma fiável apenas o código que a sua loja não necessita na página. Todos os pontos de código importantes permanecem intactos. Desta forma, obtém ainda mais velocidade da sua oficina sem ter de reconstruir muito.
Por que não marcar uma consulta gratuita agora mesmo em www.ebakery.de/kontakt/?
Haben Sie Fragen oder brauchen ein individuelles Angebot? Zögern Sie nicht, uns zu kontaktieren.
