Post atualizado: 11/07/2019 (Duas Dicas bônus no final)
Hoje trago à você que nos segue 3 dicas de performance para o seu site ou blog feito em WordPress.
Boas dicas para implementar que servirão para melhorar no carregamento das páginas, dar aqueles pontinhos extras na performance do WordPress, na experiência do usuário e no SEO (otimização de sites para mecanismos de busca) pois o Google gosta de sites rápidos ^^
Bem vamos lá.
Dica 1 – Reduzindo o tamanho das imagens
Alguns sites que possuem muitas imagens são carregados lentamente pois existe uma demora no processamento dessa informação e quanto mais pesada for a imagem mais demorado será. É interessante carregar imagens para o site de no máximo 100 KB cada, para não pesar e abrir a página rapidamente. Para isso recomendamos o site Tinypng que é simples de usar e você poderá carregar várias imagens ao mesmo tempo para depois baixar todas de uma vez. Este site comprime as imagens fazendo com que elas fiquem mais levez. Depois de subir as imagens e baixar para o seu PC é só carregar para o seu site.
Dica 2 – Adiando o carregamento das imagens do site
Quando uma página é carregada, por padrão o navegador carrega todos os elementos desta página, textos, imagens, vídeos, códigos css, javascript etc. As imagens também são carregadas de uma vez, fazendo com que demore mais para baixar a página. O ideal é atrasar o carregamento das imagens a fim de melhorar a performance do site em WordPress e ajudar na experiência do usuário. Neste passo iremos usar um plugin chamado Lazy Load, com ele é possível atrasar o carregamento das imagens da página e o site irá abrir muito mais rápido. Quando o usuário for descendo a página as imagens irão aparecer automaticamente fazendo com que o carregamento seja veloz.
Dica 3 – Removendo códigos desnecessários do HTML
Na maioria das vezes os sites feitos com a plataforma WordPress carregam códigos que nem sempre serão utilizados e assim geram lentidão, cada vez que é atualizado uma página é enviado uma requisição ao servidor que faz a comunicação e executa a função. Em muitos casos não usamos essas funções, essas requisições não ajudam em nada pelo contrário apenas geram códigos desnecessários que deixam a página cada vez mais lenta. Pensando nisso o Framework Odin, possui uma extensão será que podemos chamar assim rs que é uma parte do código que pode ser utilizada no arquivo functions.php do tema para remover essas funções.
Nessas funções estão inclusos:
- Links de feed/RSS
- Versão do WordPres
- Emoji’s
dentre outros.
É interessante verificar pois o que não desejar incluir é só comentar o código com // antes do comando.
Atenção utilize este procedimento apenas se você for um usuário médio/avançado no WordPress pois caso ocorra algum erro poderá reparar rapidamente. Más na maioria das vezes se ocorrer algum erro no site você poderá voltar no arquivo functions.php do seu tema, remover o código e salvar.
Código a ser incluso na parte final do functions.php antes da tag de fechamento ?>
/**
* Odin optimize functions.
*/
/**
* Cleanup wp_head().
*/
function odin_head_cleanup() {
// Category feeds.
remove_action( 'wp_head', 'feed_links_extra', 3 );
// Post and comment feeds.
remove_action( 'wp_head', 'feed_links', 2 );
// EditURI link.
remove_action( 'wp_head', 'rsd_link' );
// Windows live writer.
remove_action( 'wp_head', 'wlwmanifest_link' );
// Index link.
remove_action( 'wp_head', 'index_rel_link' );
// Previous link.
remove_action( 'wp_head', 'parent_post_rel_link', 10, 0 );
// Start link.
remove_action( 'wp_head', 'start_post_rel_link', 10, 0 );
// Links for adjacent posts.
remove_action( 'wp_head', 'adjacent_posts_rel_link_wp_head', 10, 0 );
// WP version.
remove_action( 'wp_head', 'wp_generator' );
// Emoji's
remove_action( 'wp_head', 'print_emoji_detection_script', 7 );
remove_action( 'admin_print_scripts', 'print_emoji_detection_script' );
remove_action( 'wp_print_styles', 'print_emoji_styles' );
remove_action( 'admin_print_styles', 'print_emoji_styles' );
remove_filter( 'the_content_feed', 'wp_staticize_emoji' );
remove_filter( 'comment_text_rss', 'wp_staticize_emoji' );
remove_filter( 'wp_mail', 'wp_staticize_emoji_for_email' );
}
add_action( 'init', 'odin_head_cleanup' );
/**[] [/]
* Remove WP version from RSS.
*/
add_filter( 'the_generator', '__return_false' );
/**
* Remove injected CSS for recent comments widget.
*/
function odin_remove_wp_widget_recent_comments_style() {
if ( has_filter( 'wp_head', 'wp_widget_recent_comments_style' ) ) {
remove_filter( 'wp_head', 'wp_widget_recent_comments_style' );
}
}
add_filter( 'wp_head', 'odin_remove_wp_widget_recent_comments_style', 1);
/**
* Remove injected CSS from recent comments widget.
*/
function odin_remove_recent_comments_style() {
global $wp_widget_factory;
if ( isset( $wp_widget_factory->widgets['WP_Widget_Recent_Comments'] ) ) {
remove_action( 'wp_head', array( $wp_widget_factory->widgets['WP_Widget_Recent_Comments'], 'recent_comments_style' ) );
}
}
add_action( 'wp_head', 'odin_remove_recent_comments_style', 1 );
/**
* Remove injected CSS from gallery.
*/
add_filter( 'use_default_gallery_style', '__return_false' );
/**
* Add rel="nofollow" and remove rel="category".
*/
function odin_modify_category_rel( $text ) {
$search = array( 'rel="category"', 'rel="category tag"' );
$text = str_replace( $search, 'rel="nofollow"', $text );
return $text;
}
add_filter( 'wp_list_categories', 'odin_modify_category_rel' );
add_filter( 'the_category', 'odin_modify_category_rel' );
/**
* Add rel="nofollow" and remove rel="tag".
*/
function odin_modify_tag_rel( $taglink ) {
return str_replace( 'rel="tag">', 'rel="nofollow">', $taglink );
}
add_filter( 'wp_tag_cloud', 'odin_modify_tag_rel' );
add_filter( 'the_tags', 'odin_modify_tag_rel' );
/**
* Filter function used to remove the tinymce emoji plugin.
*
* @param array $plugins
*
* @return array Difference betwen the two arrays
*/
function disable_emojis_tinymce( $plugins ) {
return is_array( $plugins ) ? array_diff( $plugins, array( 'wpemoji' ) ) : array();
}
add_filter( 'tiny_mce_plugins', 'disable_emojis_tinymce' );
Esperamos que você tenha gostado deste pequeno tutorial e possa nos ajudar a compartilhar e curtir nossa publicação.
Caso tenha alguma dúvida faça o seu comentário abaixo.
Dica bônus:
Descobrimos uma ferramenta superior ao Tinypng que 40 imagens de uma só vez e até 50mb cada.
Conheça a nova Image Compressor.
Dica bônus 2:
Caso precise otimizar o seu arquivo wp-config.php acesse o post mais novo de Como melhorar a velocidade de sites em WordPress.