Optimização da versão mobile

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Optimização da versão mobile Empty Optimização da versão mobile

Mensagem por Fraise em 30.03.19 21:09

Optimização da versão mobile Techno12 Optimização da versão mobile

Caros administradores,

Temos o prazer de anunciar que fizemos algumas alterações/optimizações a nível da versão mobile dos fóruns Forumeiros, principalmente com o objetivo de melhorar o SEO.

Optimização do tamanho das imagens nas mensagens

A largura média de um dispositivo móvel é de 400px, nós adaptamos o tamanho das imagens nas mensagens afim de exibirem-se somente imagens optimizadas na versão mobile. Esta optimização irá aumentar consideravelmente o carregamento das páginas em dispositivos móveis.

Configuração do "Lazy Load" em imagens e avatares

Isso irá permitir carregar apenas as imagens que estão visíveis para o usuário e não para todos os que visitam aquela página. Isso melhora bastante o desempenho do seu fórum e acelera o carregamento das páginas, especialmente aquelas que contêm várias imagens.

Adicionar atributos ALT às imagens

O SEO de um fórum também passa pelas suas imagens, ou seja, elas devem ser optimizadas afim de obter um bom resultado nos motores de busca. De facto, isso pode estar na origem de um bom tráfego.

Observação importante

Afim de as optimizações funcionarem de maneira correta no seu fórum, os administradores que tenham o template overall_footer (versão mobile) personalizado, deverão efetuar as alterações descritas em seguida.

Aceda a Painel de Controle > Templates > Versão mobile > overall_footer
Logo após do código seguinte:
Spoiler:
Código:
 <div>
    <main>
        <!-- END html_validation -->
        {PROTECT_FOOTER}
        <a id="to-top" href="#wrap"><i class="material-icons"></i></a>
        <div class="application_footer_spacer"></div>
    </main>
</div>

Deve ser adicionado este código:
Spoiler:
Código:
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@11.0.2/dist/lazyload.min.js"></script>
<script type="text/javascript">
    var lazyLoadInstance = new LazyLoad({
        elements_selector: ".forum-avatar img, .post-content img, .post-icon img",
        threshold: 0
    });
</script>

Esperemos que estas melhorias/optimizações atendam às suas expectativas e lhe tragam plena satisfação.

Atenciosamente,
A equipe Forumeiros.  King
Fraise

Fraise
Admineiro
Admineiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 6249
Pontos Ativos : 7727

Ver perfil do usuário https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum