Está a usar um plugin deslizante do WordPress e a ver o tempo de atraso? Já reparou que o seu selector da página inicial está a carregar lentamente? As seguintes técnicas de optimização podem ser aplicadas aos mais populares plugins deslizantes do WordPress, incluindo
- Revolução deslizante
- LayerSlider
- Solilóquio
- RoyalSlider
- Deslizador WD
- Deslizador Inteligente
- Deslizador Suave
- Deslizador principal
- MetaSlider
- Deslizador Huge-IT
Porque é que o meu WordPress Slider é lento?
O seu selector do WordPress está a carregar lentamente devido aos seguintes 5 problemas: alojamento lento do WordPress, um plugin do selector desactualizado, versão desactualizada do WordPress, imagens volumosas não comprimidas, e definições de optimização do selector não devidamente configuradas. Saiba como abordar cada assunto nos tutoriais abaixo. Se seguir estes simples passos, o seu deslizador será carregado muito mais rapidamente, deixando uma grande primeira impressão com os visitantes do seu website. Vamos começar!
1. Alojamento Slow WordPress
A maior causa de um website lento é a sua escolha em alojamento web. Não importa o quanto optimize o seu plugin deslizante, se estiver a servir o JS, CSS & imagens de uma empresa de alojamento lento, o seu deslizante demorará algum tempo a carregar. Se estiver à procura de uma solução mais rápida, faça o checkout dos web hosts mais rápidos em comparação. Além disso, pode rever as melhores opções de alojamento WordPress para uma análise mais aprofundada. Se é um fotógrafo, hospedando um website com um portefólio de imagens pesado, então verifique estes hospedeiros web de topo para fotógrafos.
Como corrigir a lentidão do alojamento do WordPress: Inscreva-se para um hospedeiro de topo recomendado, como a Bluehost, para acelerar o seu website. (a partir de apenas $2,95/mês)
2. O seu Plugin deslizante está desactualizado
Slider Revolution, o mais popular plugin deslizante do WordPress, actualiza o seu código mais de uma dúzia de vezes por ano, em média. Em 2017, por exemplo, tinham 16 actualizações (ver o changelog aqui). Algumas destas actualizações incluem compatibilidade e optimização do WordPress, enquanto outras têm um impacto directo no desempenho (tal como a adição “Monitor de Desempenho e Sugestões de Melhor Desempenho”). Se o seu
Como fixar plugins deslizantes desactualizados: Entre no seu administrador WordPress. Seleccionar Painel > Actualizações > Seleccionar Todos > Actualizar Plugins. Note-se que alguns temas WordPress têm uma secção plugin separada recomendada sob as definições do tema. Se o seu plugin deslizante veio instalado com o seu tema WordPress, então poderá encontrar uma actualização disponível aqui, e não na secção padrão do Painel de Controlo > Updates.
3. A sua versão WordPress está desactualizada
Agora que os seus plugins estão actualizados, também vai querer assegurar-se de que a sua versão WordPress está actualizada. A maioria das actualizações da estrutura WordPress incluem optimização para um desempenho mais rápido e tempos de carregamento do website. Ter a sua versão WordPress actualizada, bem como os seus plugins actualizados, assegura o máximo desempenho (quando num alojamento web rápido).
Como actualizar a versão WordPress: A partir do mesmo ecrã do Painel > Updates, notará um botão “Update Now” (Actualizar Agora) na página “Update WordPress” (Actualizar WordPress). Siga as instruções para uma simples actualização com um clique.
4. As suas imagens não estão optimizadas
Os deslizadores são pesados e servir imagens não optimizadas através do seu plugin deslizante pode ter um impacto significativo no desempenho. Sabia que, em média, as imagens representam 54% do tamanho da página de um website? Reduzir o tamanho da imagem é um imperativo no mundo actual, orientado para o desempenho da web!
Como Optimizar Imagens no Seu Website:
- Ajuste o tamanho da sua imagem. Reduza sempre as suas imagens para uma dimensão de pixel apropriada para a resolução da web. Como regra, tento ter todas as minhas imagens com uma largura igual ou inferior a 1200px, uma vez que a maioria dos websites e browsers irão redimensionar uma imagem deste tamanho ou maior para caber no ecrã do utilizador. Se estiver a utilizar um programa de edição de fotos, como o Photoshop, vai querer utilizar o formato de compressão de imagens dentro do software. No Adobe Photoshop, abra a sua imagem, depois visite o seguinte: Ficheiro > Exportar > Guardar para Web (Legado) > depois seleccionar os formatos de ficheiro “PNG-24” ou “JPEG”. Para os ficheiros PNG, tipicamente, desejará seleccionar a caixa “Transparência”, um bem como “Converter para sRGB”. Para JPEG, deixar “Progressivo” e “Perfil de Cor Incorporado” sem marcação, mas marcar a caixa para “Optimizado” e “Converter para sRGB”. Brincar com o selector de “Qualidade” para ajustar a resolução. Pretende-se que o tamanho do ficheiro seja o mais baixo possível, mantendo ao mesmo tempo a qualidade suficiente. Se a imagem começar a ficar confusa ou pixelada no painel de pré-visualização da aba Optimized, então aumente um pouco a qualidade. Geralmente, 60-80% de qualidade é um bom lugar para se estar, equilibrando o tamanho do ficheiro com a qualidade.
- Instale um plugin de compressão de imagem WordPress no seu website. Isto não só optimizará ainda mais as imagens já existentes na sua biblioteca multimédia, como também comprimirá automaticamente quaisquer imagens que carregue no futuro. O meu favorito pessoal é o TinyPNG que usa compressão inteligente PNG e JPEG para reduzir o tamanho do ficheiro de imagem sem impactar a qualidade visual. Eles têm um plugin WordPress disponível aqui. As alternativas ao TinyPNG incluem o ShortPixel Image Optimizer e o WP Smush, dois grandes plugins WordPress que também utilizo frequentemente.
- Carregue a imagem para o seu website, preenchendo o título da imagem e os campos de texto alt da imagem no seu CMS, de acordo com as melhores práticas de SEO.
5. O seu Plugin deslizante não está optimizado
Sabia que muitos slides de imagens do WordPress têm uma secção de optimização? Já configurou correctamente a sua? A Revolução Deslizante, por exemplo, tem tanto as definições de Carga Preguiçosa como de Desempenho, permitindo-lhe optimizar e acelerar o tempo de carga. Verifique com a sua documentação ou secção de apoio específica, para ver se existe um guia específico para o desempenho.
Como Acelerar a Revolução dos Deslizadores:
- Para acelerar a Revolução do Deslizador, primeiro seleccione uma das seguintes definições de Carga Preguiçosa, encontrada em Edit Slider > Slider Settings > Performance and SEO Optimization. Aqui existem 4 configurações;
Todos
(carregar todas as imagens deslizantes),
Inteligente
(carregar as primeiras imagens do diapositivo e pré-carregar também as imagens do diapositivo seguinte),
Único
(carregar imagens de slides “a pedido”), e
Sem Carregamento Preguiçoso
(carregar todas as imagens na página inicial carregar). A definição de carga preguiçosa que escolher depende da funcionalidade do seu slider, da rapidez com que o seu site deve começar, e do que precisa para optimizar.
2. A segunda forma de acelerar a Revolução dos Deslizadores é rever a secção “Overall Slider Performance”, que contém dois botões: “Show Full Statistics” e “Show All Issues”. Siga as sugestões de desempenho listadas aqui para uma velocidade de deslizamento óptima.
3. Por último, para assegurar os tempos de resposta mais rápidos da Revolução Deslizante, assegure-se de que os requisitos do seu sistema são cumpridos. Sob a secção principal de administração do plugin, verá uma caixa “System Requirements” (Requisitos do Sistema), que lhe dará um estado quanto às estatísticas recomendadas do servidor, e o que está actualmente a correr através do seu anfitrião web. Seleccione o botão “Check Now” para uma actualização ao vivo das suas estatísticas.
Dica profissional:
Se achar que está abaixo do Limite de Memória, Tamanho Máximo de Ficheiros ou Tamanho Máximo de Postagem, contacte o seu anfitrião web e solicite que estes limites sejam aumentados para a quantidade sugerida. Muitas vezes o anfitrião da web obrigará, sem necessidade de actualizar o seu pacote de alojamento ou cobrar-lhe taxas mensais adicionais. No entanto, se achar que o seu anfitrião web não satisfaz os requisitos do sistema, e se eles não estiverem dispostos a actualizá-lo gratuitamente, irá querer considerar migrar para um novo anfitrião web, como a Bluehost. Achei que o apoio técnico da Bluehost é muito adequado a estes requisitos do sistema para sítios Web WordPress.
Ao implementar estas cinco etapas, deverá ver um aumento significativo no seu desempenho do seu selector WordPress. Se o seu sítio web ainda estiver lento, talvez queira ver este artigo sobre Como Acelerar o WordPress.