Training Rosa

4.1 Aumentar Velocidad de WordPress y conseguir un Page Speed de 100

Te enseño como puedes medir y aumentar la velocidad de tu WordPress y como puedes también conseguir un Page Speed de 100.

Verificar web con GZIP
https://smallseotools.com/check-gzip-compression/

Enable Compression

*
#compresion con gzip
<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</ifModule>

#compresion con deflate
<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css AddOutputFilterByType
DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascriptAddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml
# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
</IfModule>
*

Leave browser caching (navegador de cache)

*
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault «access plus 10 days»
ExpiresByType text/css «access plus 1 week»
ExpiresByType text/plain «access plus 1 week»
ExpiresByType image/gif «access plus 1 month»
ExpiresByType image/png «access plus 1 month»
ExpiresByType image/jpeg «access plus 1 month»
ExpiresByType image/x-icon «access plus 3 months»
ExpiresByType application/x-javascript «access plus 1 month»
ExpiresByType application/javascript «access plus 1 week»
ExpiresByType text/javascript «access plus 1 week»
ExpiresByType application/x-icon «access plus 3 months»
</IfModule
*

o

*
# Expires headers (for better cache control)
<IfModule mod_expires.c>
ExpiresActive on
ExpiresDefault «access plus 1 month»
# cache.appcache needs re-requests in FF 3.6 (thanks Remy ~Introducing HTML5)
ExpiresByType text/cache-manifest «access plus 0 seconds»
# Your document html
ExpiresByType text/html «access plus 0 seconds»
# Data
ExpiresByType text/xml «access plus 0 seconds»
ExpiresByType application/xml «access plus 0 seconds»
ExpiresByType application/json «access plus 0 seconds»
# Feed
ExpiresByType application/rss+xml «access plus 1 hour»
ExpiresByType application/atom+xml «access plus 1 hour»
# Favicon (cannot be renamed)
ExpiresByType image/x-icon «access plus 1 week»
# Media: images, video, audio
ExpiresByType image/gif «access plus 4 months»
ExpiresByType image/png «access plus 4 months»
ExpiresByType image/jpeg «access plus 4 months»
ExpiresByType image/webp «access plus 4 months»
ExpiresByType video/ogg «access plus 4 months»
ExpiresByType audio/ogg «access plus 4 months»
ExpiresByType video/mp4 «access plus 4 months»
ExpiresByType video/webm «access plus 4 months»
ExpiresByType image/x-icon «access plus 3 months»
# HTC files (css3pie)
ExpiresByType text/x-component «access plus 1 month»
# Webfonts
ExpiresByType font/ttf «access plus 4 months»
ExpiresByType font/otf «access plus 4 months»
ExpiresByType font/woff «access plus 4 months»
ExpiresByType font/woff2 «access plus 4 months»
ExpiresByType image/svg+xml «access plus 1 month»
ExpiresByType application/vnd.ms-fontobject «access plus 1 month»
# CSS and JavaScript
ExpiresByType text/css «access plus 1 year»
ExpiresByType application/javascript «access plus 1 year»
#nuevo
ExpiresByType text/plain «access plus 1 week»
ExpiresByType application/x-javascript «access plus 1 month»
ExpiresByType text/javascript «access plus 1 week»
ExpiresByType application/x-icon «access plus 3 months»
</IfModule>
*

Eliminar código basura (scripts al footer)

Ir ha apariencia, editor.
En tu tema buscar functions.php
Pegar al final el codigo, lo que hace este codigo es mandar los scripts al footer.

*
function scripts_footer() { remove_action(‘wp_head’,
‘wp_print_scripts’); remove_action(‘wp_head’,
‘wp_print_head_scripts’, 9); remove_action(‘wp_head’,
‘wp_enqueue_scripts’, 1);
add_action(‘wp_footer’, ‘wp_print_scripts’, 5);
add_action(‘wp_footer’, ‘wp_enqueue_scripts’, 5);
add_action(‘wp_footer’, ‘wp_print_head_scripts’, 5);
}
add_action( ‘wp_enqueue_scripts’, ‘scripts_footer’ );
*
Luego pegar este otro código abajo del anterior.
*
remove_action(‘wp_head’, ‘wp_generator’);
remove_action(‘wp_head’, ‘rsd_link’); remove_action(‘wp_head’,
‘wlwmanifest_link’); remove_action(‘wp_head’,
‘wp_shortlink_wp_head’); remove_action (‘wp_head’, ‘rel_canonical’);
add_filter(‘login_errors’,create_function(‘$a’, «return null;»));
add_filter(‘pre_comment_content’, ‘wp_specialchars’);
remove_action(‘wp_head’, ‘feed_links_extra’, 3 );
remove_action(‘wp_head’, ‘feed_links’, 2 ); remove_action(‘wp_head’,
‘wp_shortlink_wp_head’, 10, 0 ); 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’ ); add_filter( ‘emoji_svg_url’,
‘__return_false’ ); remove_action(‘wp_head’, ‘start_post_rel_link’, 10,
0 ); remove_action(‘wp_head’, ‘adjacent_posts_rel_link’, 10, 0);
remove_action(‘wp_head’, ‘adjacent_posts_rel_link_wp_head’, 10, 0);
add_filter( ‘wpseo_canonical’, ‘__return_false’ ); add_filter(
‘wpseo_next_rel_link’, ‘__return_false’ ); add_filter(
‘wpseo_prev_rel_link’, ‘__return_false’ ); add_filter(‘json_enabled’,
‘__return_false’); add_filter(‘json_jsonp_enabled’, ‘__return_false’);add_filter(‘rest_enabled’, ‘__return_false’);
add_filter(‘rest_jsonp_enabled’, ‘__return_false’);
remove_action(‘wp_head’, ‘wp_oembed_add_discovery_links’, 10);
remove_action(‘wp_head’, ‘rest_output_link_wp_head’, 10);
remove_action(‘template_redirect’, ‘rest_output_link_header’, 11, 0);
function deregister_jsembed(){ wp_deregister_script( ‘wp-embed’ );
}
add_action( ‘wp_footer’, ‘deregister_jsembed’ );
*

Plugin Autoptimize para minificar codigo
minificar html
mificiar js, incluir js inscrustados (tener cuidado con esta opcion)
minificar css, incluir css inscrustados,combiar todos los css.
guardar cambios.