Primeiros passos com o SiteSkyline Optimizer
Bem-vindo ao SiteSkyline Optimizer! Este guia irá ajudá-lo a instalar o plugin, definir suas configurações iniciais e começar a acelerar seu site WordPress ou WooCommerce em apenas alguns minutos.
Antes de começar
Antes de instalar o SiteSkyline Optimizer, certifique-se de que seu site atenda aos seguintes requisitos:
- Um site WordPress auto-hospedado.
- Hospedagem compatível executando uma versão suportada de PHP.
Instalação
Siga estas etapas simples para instalar o plugin em seu site:
- Faça login no seu painel do WordPress.
- Navegue até o menu Plug-ins e clique em Adicionar novo.
- Procurar Otimizador SiteSkyline.
- Clique Instale agora e depois clique Ativar assim que a instalação for concluída.
Configuração inicial
Uma vez ativado, você pode acessar todos os recursos através do menu de configurações recém-adicionado.
- Vá para o menu Configurações no painel do WordPress e procure as opções de plugin.
- Comece no Em geral guia para configurar seus ajustes de velocidade principal.
- Revise os recursos disponíveis para remover o inchaço desnecessário do site, limpar a saída do cabeçote e cortar recursos extras.
- Clique Salvar alterações na parte inferior da página para aplicar suas novas configurações.
Seus primeiros passos
Agora que seu plug-in está ativo, tente explorar estes dois recursos principais para ver um aumento imediato de desempenho:
1. Acelere a entrega da página
- Navegue até o menu Configurações e selecione o Cache de página guia.
- Alterne o Habilitar cache de página alterne para ativar o cache de página HTML estático.
- Configure suas preferências de expiração e regras de exclusão e clique em Salvar alterações.
2. Otimize suas imagens
- Navegue até o menu Configurações e selecione o WebP guia.
- Alternar Habilitar conversão WebP para começar a transformar uploads pesados de imagens em formatos mais leves e rápidos.
- Selecione seu método de conversão preferido e clique Conversão em massa para otimizar sua biblioteca de imagens existente.
Otimizar painel
O que isso faz
O Painel do Optimize oferece uma visão geral rápida do status de desempenho e do cache do seu site. Ele também fornece gatilhos de otimização rápidos para que você possa manter seu site funcionando perfeitamente.
Como usá-lo
- Vá para a seção Otimizar e selecione a guia Otimizar.
- Veja o status atual de desempenho do seu site.
- Clique em qualquer uma das ações rápidas de otimização para melhorar seu site.
Settings & Options
| Contexto | O que ele controla |
|---|---|
| Nenhuma configuração configurável disponível | Este painel foi projetado para visualização rápida e acionamento de ações de desempenho, em vez de configuração manual. |
Tips & Best Practices
- Verifique o Painel do Optimize regularmente para se manter informado sobre o desempenho atual do seu site.
- Use os gatilhos de otimização rápida sempre que desejar realizar ajustes rápidos de desempenho.
- Combine as análises do painel com os recursos de gerenciamento de cache e gerenciador de ativos para uma rotina completa de velocidade do site.
Analisador de ativos
O que isso faz
O Asset Analyzer ajuda a examinar os scripts e estilos carregados em seu site. Ao revisar esses ativos de página, você pode identificar facilmente novas oportunidades de otimização para seu site.
Como usá-lo
- Vá para a seção Gerenciador de ativos.
- Selecione a guia Analisador.
- Execute a análise de ativos.
- Visualize os arquivos CSS e JavaScript carregados para cada página.
Settings & Options
| Contexto | O que ele controla |
|---|---|
| Nenhum | Não há configurações configuráveis para esse recurso. |
Tips & Best Practices
- Execute verificações regularmente para acompanhar novos scripts e estilos adicionados às suas páginas.
- Use os insights obtidos com a análise para identificar oportunidades de otimização.
- Revise os arquivos CSS e JavaScript carregados por página para entender melhor o desempenho do seu site.
Regras de ativos
O que isso faz
Configure regras de carregamento condicional para scripts e estilos para retirar da fila ou desabilitar ativos em páginas específicas ou globalmente. Isso ajuda a remover scripts e estilos indesejados de páginas específicas para reduzir o peso da página.
Como usá-lo
- Vá para a seção Asset Manager e abra a guia Regras.
- Adicione uma nova regra de ativos.
- Selecione os identificadores que deseja desativar.
- Salve suas regras de ativos.
Settings & Options
| Contexto | O que ele controla |
|---|---|
| Regras de desenfileiramento de ativos | Especifique identificadores CSS ou JS para desabilitar globalmente ou em URLs/tipos de postagem específicos. |
Tips & Best Practices
- Use regras de carregamento condicional para remover scripts e estilos indesejados de páginas específicas.
- Direcione ativos para serem desativados globalmente ou em URLs e tipos de postagem específicos para ajudar a reduzir o peso da página.
- Mantenha suas páginas funcionando de forma eficiente, removendo códigos desnecessários onde eles não são necessários.
Media & Image Optimizer
O que isso faz
The Media & Image Optimizer helps you control image loading behavior, responsive image attributes, and lazy loading priorities. Use this feature to adjust your image rendering and loading settings to improve your page performance.
Como usá-lo
- Vá para a seção Mídia e clique na guia Imagens.
- Alterne as configurações de carregamento lento e configure os parâmetros de otimização de imagem.
- Clique no botão Salvar para salvar suas configurações de mídia.
Settings & Options
| Contexto | O que ele controla |
|---|---|
| Carregamento lento | Alternar carregamento lento nativo ou baseado em script para imagens. |
| Pré-carregamento/prioridade da imagem LCP | Controle a prioridade de busca e o pré-carregamento de imagens LCP acima da dobra. |
Tips & Best Practices
- Ajuste as configurações de renderização e carregamento de imagens para melhorar seu Largest Contentful Paint (LCP).
- Use a configuração Lazy Load para escolher entre carregamento lento nativo ou baseado em script para suas imagens.
- Configure a prioridade de busca e o pré-carregamento especificamente para suas imagens acima da dobra.
Conversão de imagem WebP
O que isso faz
Converta imagens JPEG e PNG enviadas para o formato WebP moderno para entrega de imagens mais rápida. Isso ajuda o seu site a carregar mais rápido e proporciona uma experiência mais tranquila para os visitantes.
Como usá-lo
- Vá para a seção Mídia e selecione a guia WebP.
- Ative a conversão automática para que novos uploads sejam tratados automaticamente ou escolha o modo de geração WebP de sua preferência.
- Execute uma conversão em massa para atualizar sua biblioteca de imagens existente.
- Clique no botão Salvar para manter suas configurações do WebP.
Settings & Options
| Contexto | O que ele controla |
|---|---|
| Modo de geração WebP | Escolha seu método de conversão, como GD, Imagick ou regras baseadas em nuvem/servidor. |
| Converter uploads automaticamente | Gere versões WebP automaticamente sempre que uma nova mídia for carregada em seu site. |
Tips & Best Practices
- Ative a conversão automática para economizar tempo e não precisar converter manualmente cada nova imagem enviada.
- Execute a ferramenta de conversão em massa para atualizar rapidamente toda a sua biblioteca de imagens existente de uma só vez.
- Experimente os modos de geração disponíveis para encontrar a opção que melhor se adapta ao seu ambiente de servidor.
- Combine esse recurso com o otimizador de mídia para garantir que suas imagens sejam tão rápidas e eficientes quanto possível.
Geração crítica de CSS
O que isso faz
A geração crítica de CSS ajuda suas páginas a carregar instantaneamente, gerando e incorporando CSS crítico acima da dobra. Esse processo elimina folhas de estilo que bloqueiam a renderização para que os visitantes possam visualizar seu conteúdo imediatamente, sem esperar o download das folhas de estilo completas.
Como usá-lo
- Vá para a seção Estilo e selecione a guia CSS Crítico.
- Escolha seu modo de geração preferido e configure se deseja injetar o CSS crítico diretamente em suas páginas.
- Edite quaisquer regras CSS críticas de reserva, se necessário.
- Clique no botão Salvar configurações de estilo para aplicar suas alterações.
- Clique no botão Gerar CSS Crítico para criar seus estilos críticos acima da dobra.
Settings & Options
| Contexto | O que ele controla |
|---|---|
| Modo crítico de geração de CSS | Configure a geração automática ou a entrada CSS in-line manual por modelo. |
| CSS crítico embutido | Alterne se o CSS crítico é injetado diretamente no cabeçalho HTML. |
Tips & Best Practices
- Configure suas regras CSS críticas com cuidado para que as páginas sejam renderizadas instantaneamente para os visitantes, sem demora.
- Use o modo de geração para alternar entre criação automatizada e entrada manual, dependendo das necessidades do seu modelo.
- Lembre-se de salvar suas configurações de estilo depois de fazer ajustes em suas regras ou preferências.
Host local de fontes do Google
O que isso faz
Baixe Google Fonts localmente e sirva-as em seu próprio servidor para melhorar a privacidade e a velocidade. Este recurso elimina pesquisas externas de DNS para Google Fonts.
Como usá-lo
- Vá para a seção Estilo e abra a guia Fontes.
- Ative ou desative a hospedagem de fontes locais do Google.
- Limpe o cache de fontes quando necessário.
- Clique para salvar suas configurações de fonte.
Settings & Options
| Contexto | O que ele controla |
|---|---|
| Fontes do Google auto-hospedadas | Intercepte automaticamente solicitações de fontes do Google, baixe arquivos de fontes localmente e reescreva CSS. |
| Pré-carregar fontes locais | Adicione cabeçalhos de link de pré-carregamento para arquivos de fontes hospedados localmente. |
Tips & Best Practices
- Habilite a hospedagem de fontes locais para melhorar a privacidade e a velocidade de carregamento do seu site.
- Use a opção de auto-hospedagem para interceptar automaticamente as solicitações de fontes do Google e baixar os arquivos para seu próprio servidor.
- Ative o pré-carregamento de fontes para adicionar cabeçalhos de links úteis para seus arquivos de fontes hospedados localmente.
- Lembre-se de limpar o cache de fontes depois de fazer atualizações nas configurações de fonte.
JavaScript Defer & Optimization
O que isso faz
Adie a execução do JavaScript, combine ou adie scripts e remova o jQuery Migrate. Isso ajuda a evitar que o JavaScript bloqueie a renderização da página e melhora o desempenho do seu site.
Como usá-lo
- Vá para o Seção JavaScript e abra o Guia JS.
- Alterne suas opções preferidas de adiamento de JavaScript.
- Exclua quaisquer identificadores de script específicos do adiamento, se necessário.
- Salve suas configurações de JavaScript.
Settings & Options
| Contexto | O que ele controla |
|---|---|
| Adiar a execução de JS | Adiciona atributos defer ou assíncronos a tags de script não críticas. |
| Remover migração jQuery | Remove o script jquery-migrate desnecessário. |
Tips & Best Practices
- Use o adiamento de script para evitar que o JavaScript bloqueie o carregamento suave do conteúdo da sua página.
- Aproveite as exclusões mantendo identificadores de script específicos fora do processo de adiamento se um script exigir execução imediata.
- Combine esse recurso com regras de ativos para obter ainda mais controle sobre como os scripts do seu site são carregados.
Cache Management & Page Cache
O que isso faz
Configure o cache de páginas, o pré-carregamento do cache, as regras de expiração do cache e os padrões de exclusão. Este recurso permite que você forneça instantâneos HTML estáticos instantaneamente aos visitantes.
Como usá-lo
- Vá para a seção Cache e selecione a guia Cache.
- Alterne as configurações de cache de página para ativar o cache de disco ou de página avançado.
- Defina a duração da expiração do cache e defina quaisquer padrões de exclusão conforme necessário.
- Use as ações disponíveis para pré-carregar o cache ou limpá-lo sempre que precisar atualizar seu conteúdo.
Settings & Options
| Contexto | O que ele controla |
|---|---|
| Habilitar cache de página | Alternar back-end de cache de disco ou página avançada. |
| Expiração do cache/TTL | Defina a duração da vida útil das páginas em cache. |
| URLs/cookies excluídos | Defina strings de consulta, cookies ou caminhos para ignorar o cache. |
Tips & Best Practices
- Ative o cache de páginas para garantir que seus visitantes recebam instantâneos HTML estáticos instantaneamente para uma experiência de navegação mais rápida.
- Limpe regularmente seu cache depois de fazer atualizações significativas em seu site para que os visitantes vejam as alterações mais recentes imediatamente.
- Use o pré-carregamento de cache para gerar páginas em cache de forma proativa antes que os visitantes as solicitem.
- Configure URLs e cookies excluídos para páginas dinâmicas ou áreas do seu site que nunca devem ser veiculadas a partir de um instantâneo em cache.
Regras de cache do navegador
O que isso faz
As regras de cache do navegador permitem configurar cabeçalhos de expiração, como Expires e Cache-Control, para seus ativos estáticos. Isso ajuda os visitantes recorrentes a carregar seu site com mais rapidez, extraindo arquivos estáticos diretamente do cache local do navegador.
Como usá-lo
- Vá para o Cache seção e clique no Cache do navegador guia.
- Configure os cabeçalhos de cache do navegador e as regras de expiração para seus ativos estáticos.
- Clique no botão para gerar e atualizar as regras de cache do seu navegador.
- Salve as configurações de cache do seu navegador para aplicar as alterações.
Settings & Options
| Contexto | O que ele controla |
|---|---|
| Cabeçalhos de cache do navegador | Adicione regras de expiração para CSS, JS, imagens e fontes na configuração do seu servidor. |
Tips & Best Practices
- Ative regras de cache do navegador para ajudar os visitantes que retornam a carregar ativos estáticos mais rapidamente do cache local do navegador.
- Use essas regras para configurar corretamente os cabeçalhos de expiração, como Expires e Cache-Control, para seus arquivos.
- Salve e atualize regularmente as configurações de cache do seu navegador sempre que ajustar as regras de cache.
Gerenciamento OPcache
O que isso faz
Monitore e gerencie o status do PHP OPcache e a redefinição do cache. Visualize métricas de desempenho e mantenha seu site funcionando perfeitamente.
Como usá-lo
- Vá para a seção Cache e selecione a guia OPcache.
- Revise o consumo atual de memória, a taxa de acertos e a contagem de scripts em cache.
- Clique no botão para atualizar suas estatísticas de status sempre que precisar de informações atualizadas.
- Clique no botão para redefinir seu OPcache quando necessário.
Settings & Options
| Contexto | O que ele controla |
|---|---|
| Visualização de configurações do OPcache | Visualize o consumo de memória, a taxa de acertos e a contagem de scripts em cache. |
Tips & Best Practices
- Verifique regularmente as métricas de desempenho do cache para garantir que seu site esteja funcionando com eficiência.
- Atualize suas estatísticas de status para ver as informações de desempenho mais atualizadas.
- Redefina seu OPcache sempre que precisar limpar scripts armazenados e aplicar atualizações.
Gerenciador de recursos principais do WordPress
O que isso faz
O WordPress Core Feature Manager ajuda a desabilitar recursos principais indesejados, inchaço e telemetria do WordPress. Ele permite que você limpe o cabeçalho do seu site e reduza a superfície de ataque do seu site, desativando funções integradas desnecessárias.
Como usá-lo
- Navegue até a seção Feature Manager e selecione a guia WordPress.
- Alterne as opções de recursos principais para os itens que você deseja desativar.
- Salve as configurações principais do WordPress para aplicar as alterações.
Settings & Options
| Contexto | O que ele controla |
|---|---|
| Desativar emojis | Remova scripts e estilos de emoji do WordPress do cabeçalho. |
| Desativar incorporações | Desative links de descoberta oEmbed e endpoints incorporados da API REST. |
| Desativar XML-RPC | Encerre solicitações de protocolo XML-RPC. |
| Desativar feeds RSS | Remova links de feed e desative a geração de feed. |
Tips & Best Practices
- Revise os requisitos do seu site antes de desativar recursos para garantir que você não desative funcionalidades das quais seus visitantes ou integrações dependem.
- Desabilitar recursos não utilizados, como XML-RPC e incorporações, é uma ótima maneira de ajudar a reduzir a superfície de ataque do seu site.
- Desativar scripts desnecessários, como emojis, ajuda a limpar o cabeçalho do site para uma configuração mais enxuta.
WooCommerce Store Modes & Cleanup
O que isso faz
Simplifique o WooCommerce desativando recursos, scripts e inchaço não utilizados da loja. Esse recurso ajuda a evitar que itens desnecessários sejam carregados em páginas onde não são necessários.
Como usá-lo
- Vá para a seção Gerenciador de recursos.
- Selecione WooCommerce e abra a guia Modos.
- Alterne as opções de recursos WooCommerce conforme desejado.
- Salve as configurações do modo WooCommerce.
Settings & Options
| Contexto | O que ele controla |
|---|---|
| Desativar fragmentos do carrinho | Desative solicitações AJAX de wc-cart-fragments em páginas que não sejam de loja. |
| Disable WooCommerce Styles & Scripts | Descarregue CSS/JS front-end do WooCommerce em páginas que não sejam de loja. |
| Desativar marcas WooCommerce | Elimine o pacote/extensão WooCommerce Brands. |
Tips & Best Practices
- Alterne as otimizações do WooCommerce em toda a loja para evitar que fragmentos do carrinho sejam carregados em postagens de blog ou páginas estáticas.
- Impeça o carregamento de scripts de loja em páginas que não precisam deles para manter seu site funcionando perfeitamente.
- Revise suas configurações depois de fazer alterações para garantir que as páginas da sua loja sejam exibidas corretamente.
Gerente de ativos WooCommerce
O que isso faz
O WooCommerce Asset Manager permite que você controle o carregamento de scripts e folhas de estilo específicos do WooCommerce nas páginas da sua loja. Você pode ajustar quais ativos WooCommerce carregam em páginas específicas para ajudar a otimizar sua loja.
Como usá-lo
- Vá para a seção Gerenciador de recursos.
- Selecione a opção WooCommerce e clique na guia Ativos.
- Configure suas regras de carregamento de ativos WooCommerce.
- Clique no botão salvar para armazenar suas regras de ativos.
Settings & Options
| Contexto | O que ele controla |
|---|---|
| Regras de ativos WooCommerce | Desativa condicionalmente scripts e identificadores de estilo específicos do WooCommerce. |
Tips & Best Practices
- Revise as páginas da sua loja depois de atualizar as regras de ativos para garantir que tudo seja exibido e funcione corretamente.
- Desative apenas scripts e folhas de estilo que você tem certeza de que não são necessários em páginas específicas.
- Não tenha pressa ao configurar regras para manter sua loja funcionando perfeitamente.
Tarefas agendadas WooCommerce (Cron)
O que isso faz
Gerencie e otimize tarefas agendadas em segundo plano do WooCommerce e filas do agendador de ações. Revise as filas de tarefas em segundo plano do WooCommerce e limpe os registros antigos do agendador de ações para manter sua loja funcionando perfeitamente.
Como usá-lo
- Vá para a seção Gerenciador de recursos, selecione WooCommercee abra o Tarefas agendadas guia.
- Revise suas filas de tarefas em segundo plano e configure suas preferências.
- Execute ações pendentes manualmente ou exclua logs de ações concluídas conforme necessário.
- Clique no Salvar configurações do cron botão para aplicar suas alterações.
Settings & Options
| Contexto | O que ele controla |
|---|---|
| Ajuste do Agendador de Ações | Configure o tamanho do lote e o período de retenção para ações concluídas/com falha. |
Tips & Best Practices
- Limpe regularmente os logs antigos do agendador de ações, excluindo os logs de ações concluídos para manter seu sistema organizado.
- Use execuções manuais para ações pendentes quando precisar processar tarefas em segundo plano imediatamente.
- Ajuste as configurações do Action Scheduler Tuning para otimizar como os tamanhos dos lotes e os períodos de retenção são tratados em sua loja.
Controle de inchaço do administrador do WooCommerce
Desative widgets do painel de administração do WooCommerce, relatórios analíticos e notificações de marketing.
Otimizador de e-mail WooCommerce
Otimize e-mails transacionais do WooCommerce e desative gatilhos de e-mail desnecessários.