Search Results for 'pagespeed'

How to fixed Eliminate render-blocking JavaScript and CSS in above-the-fold content. See this Image : http://prntscr.com/7jqgau

PageSpeed Insights : https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Famazinghealthplan.com%2F&tab=mobile

I have some questions here, and instead of posting them all in different questions, I’ll just post them in one large question:

My website is: http://www.livelovefruit.com

1. How do I erase the excess pink space from the top of footer to snap closer to logo and same with bottom of footer to snap closer to social icons?

2. How do I make the social icons in footer menu a bit bigger? And how do I make the hover colour on those icons a solid purple colour instead of the colours constantly changing?

3. Chris’s Pagespeed Custom Code no longer works (the one that you post at the end of the functions.php – will he be coming out with a new one that works with Newspaper 6?)

4. How do I move the bottom share options (at the end of my posts), above my taboola advertisement so that they appear right at end of article?

5. Is there a code so that my custom ad 1 will appear underneath (or above) the author box?

Thank you kindly! Newspaper 6 is awesome!

This tutorial is for all those who speak Spanish and also serve to people who speak English. The tutorial is written in Spanish and English.

Newspaper 6 no es una actualización de la versión 4. Es un rediseño interno completo del Theme, por lo tanto la manera óptima de hacerlo funcionar al 100% es realizar una instalación limpia.

¿Cómo realizar una instalación limpia de Newspaper?
– Entra en http://www.yoursite.com/wp-admin/themes.php
– Activa un theme diferente a newspaper
– Borra el antiguo newspaper
– Sube el archivo de Newspaper 6
– Activa Newspaper 6 e instala los plugins que vas a utilziar como speedbooster, social, etc.
– Ve a Install demos: http://www.yoursite.com/wp-admin/admin.php?page=td_theme_demos
– Selecciona el estilo que quieres utilizar para tu sitio web. NOTA: NO ACTIVES “Include content” porque eso importará el contenido original del theme como imágenes y post, salvo el hecho de que quieras importarlo para trabajar sobre ellos en tu sitio web.
– Listo, ya tienes newspaper 6 funcional. Ahora tienes que ir a http://www.yoursite.com/wp-admin/admin.php?page=td_theme_panel y ajustar a tu gusto con tu logotipos etc.

Te recomiendo seguir las instrucciones de las dimenciones en logotipos e imágenes que establece el theme como por ejemplo para el logo principal que sea de (272 x 90px) y no de mayores dimensiones. Esto ayudará a tener mejores tiempos de carga.

Cómo optimizar newspaper 6

El Newspaper utiliza otras dimensiones de imágenes para ciertas áreas por lo tanto es recomendable regenerar las thumbnails para que todas estén en el tamaño óptimo y funcionen a la perfección.
– Entra en http://www.yoursite.com/wp-admin/plugins.php
– Instalar Regenerate Thumbnails, activarlo y ponerlo a funcionar. Lo encuentras en el menú “herramientas”

Vamos a eliminar elementos no útiles con ayuda de functions.php, este archivo lo encuentras en Apariencia + editor + functions.php . Nos posicionamos hasta el final del archivo functions.php y copiamos y pegamos el siguiente código

/* si usas jetpack, con esto eliminamos devicepx */
add_filter( 'jetpack_implode_frontend_css', '__return_false' );
function dequeue_devicepx() {
wp_dequeue_script( 'devicepx' );
}
add_action( 'wp_enqueue_scripts', 'dequeue_devicepx', 20 );
/* FIN si usas jetpack, con esto eliminamos devicepx */
/* con esto hacemos los 2 jquery de wordpress en uno solo*/
function optimize_jquery() {
if (!is_admin()) {
wp_deregister_script('jquery');
wp_deregister_script('jquery-migrate.min');
wp_deregister_script('comment-reply.min');
$protocol='http:';
if($_SERVER['HTTPS']=='on') {
$protocol='https:';
}
wp_register_script('jquery', $protocol.'//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js', false, '3.6', true);

wp_enqueue_script(‘jquery’);
}
}
add_action(‘template_redirect’, ‘optimize_jquery’);
/* FIN de con esto hacemos los 2 jquery de wordpress en uno solo*/
/*Otras optimizaciones */
function wpb_imagelink_setup() {
$image_set = get_option( ‘image_default_link_type’ );

if ($image_set !== ‘none’) {
update_option(‘image_default_link_type’, ‘none’);
}
}
add_action(‘admin_init’, ‘wpb_imagelink_setup’, 10);
function no_errors_please(){
return ‘Tu computadora se autodestruirá en 60 segundos!’;
}
add_filter( ‘login_errors’, ‘no_errors_please’ );

Damos clic en guardar o actualizar.

Newspaper 6 cuenta con Speedbooster, un plugin para mejorar el rendimiento aunque no funciona en todos los sitios web ya que hay que cumplir ciertas características, como por ejemplo tiene incompatibilidad con akismet y algunos otros plugins que comúnmente se utilizan.
Si tu sitio web solo usa el plugin visual composer, entonces puedes usar speedbooster. De lo contrario usaremos otro plugin.

Desactivaremos los AVATARES de Gravatar en: Ajustes + Comentarios + retiramos la opción mostrar Avatares.
Adicionalmente puedes utilizar el plugin “WP-Usuario-Avatar” para establecer un avatar cargado desde tu propio sitio web. Esto mejora drástica mente la velocidad de carga de una entrada con comentarios.

Cómo optimizar tu instalación de wordpress

Si tienes varios plugins vamos a desactivar y borrar TODOS los plugins que no usemos ni usaremos. Recuerda que entre menos plugins tengas instalados es mas veloz tu sitio web.
– Entra en http://www.yoursite.com/wp-admin/plugins.php
– Instala Plugin Garbage Collector
Activamos garbage collector y lo iniciamos. Este plugin nos ayudará a borrar tablas de datos viejas para mejorar la velocidad de carga de la base de datos. Si no te permite eliminar tablas desde el plugin tendrás que hacerlo desde PHPMyAdmin y borrar manualmente las tablas en la base de datos.
– Instala plugin WP-Optimize
Activamos WPOptimize y hacemos una optimización completa de la base de datos.

Regresamos a la pestaña de plugins y desactivamos, thumbnails regenerate, garbage collector y wp-optimize.

PARA USUARIOS AVANZADOS
Entramos por FTP y editaremos el archivo wp-config.php Vamos a eliminar todos los comentarios y solo dejaremos las líneas esenciales. De este modo pesará menos y quedará algo como este ejemplo.

<?php
define('WP_HOME', 'http://www.yoursite/');
define('WP_SITEURL', 'http://www.yoursite/');
define('DB_NAME', 'yourbase');
define('DB_USER', 'youruser');
define('DB_PASSWORD', 'pass');
define('DB_HOST', 'localhost');
define('DB_CHARSET', 'utf8');
define('DB_COLLATE', '');
define('AUTH_KEY', 'your key');
define('SECURE_AUTH_KEY', 'your key');
define('LOGGED_IN_KEY', 'your key');
define('NONCE_KEY', 'your key');
define('AUTH_SALT', 'your key');
define('SECURE_AUTH_SALT', 'your key');
define('LOGGED_IN_SALT', 'your key');
define('NONCE_SALT', 'your key');
$table_prefix = 'wp_';
define('WP_DEBUG', false);
if ( !defined('ABSPATH') )
define('ABSPATH', dirname(__FILE__) . '/');
require_once(ABSPATH . 'wp-settings.php');

Guardamos cambios y subimos el archivo editado

PLUGINS DE CACHE

Para el test instalé Newspaper en un sitio de pruebas con el estilo TECH. Tengo la licencia de Zen Cache PRO y WP Rocket, aunque también probé con 2 plugins gratuitos como w3 cache y Wp Super Cache. El test fue realizado con GTMetrix, el servidor del sitio web está en españa.

NOTA: En lugar de Speed Booster recomiendo usar el plugin Above The Fold Optimization y solo excluir el archivo style.css

——————————————————————–
———————–E N G L I S H ——————————-
——————————————————————–

This tutorial is for all Those Who Also Serve speak Spanish and speak to people WHO Inglés. The tutorial is written in Spanish and Inglés.

Newspaper 6 is not an update of the version 4. It is a complete internal redesign of Theme, so the optimal way to make it work 100% is performing a clean install.

How to perform a clean installation of Newspaper?
– Enter http://www.yoursite.com/wp-admin/themes.php
– Enable a different theme to newspaper
– Delete the old newspaper
– Upload the file of Newspaper 6
– Turns Newspaper 6 and install plugins you will use as SpeedBooster, visualcomposer, social, etc.
– Go to Install demos: http://www.yoursite.com/wp-admin/admin.php?page=td_theme_demos
– Select the style you want to use for your website. NOTE: Do not select “Include content” because it will import the original content of the theme as images and post, except for the fact that you want to import it to work on them on your website.
– Ready, already you have 6 Functional newspaper. Now you have to go to http://www.yoursite.com/wp-admin/admin.php?page=td_theme_panel and adjust to your taste with your logos etc.

I recommend following the instructions in the dimentions logos and images that set the theme as such for the main logo that is of (272 x 90px) and no larger. This will help to have better load times.

How to optimize newspaper 6

The Newspaper uses other dimensions of images to certain areas so it is advisable to regenerate the thumbnails are all in the optimal size and function perfectly.
– Enter http://www.yoursite.com/wp-admin/plugins.php
– Install Regenerate Thumbnails, activate it and make it work. You find it in the menu “tools”

We will remove not useful elements using functions.php, you find this file under Appearance + editor + functions.php. We position until the end of functions.php file and copy and paste the following code

/* If you use jetpack, with this we remove devicepx */
add_filter ('jetpack_implode_frontend_css' '__return_false');
dequeue_devicepx function () {
wp_dequeue_script ('devicepx');
}
add_action ('wp_enqueue_scripts' 'dequeue_devicepx', 20);
/* END if you use jetpack, with this we remove devicepx */
/* 2 do with this jquery wordpress into one */
optimize_jquery function () {
if (! is_admin ()) {
wp_deregister_script ('jquery');
wp_deregister_script ('jquery-migrate.min');
wp_deregister_script ('comment-reply.min');
$ Protocol = 'http:';
if ($ _ SERVER ['HTTPS'] == 'on') {
$ Protocol = 'https:';
}
wp_register_script ('jquery', $ protocol '// ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js', false, '3.6', true.);

wp_enqueue_script (‘jquery’);
}
}
add_action (‘template_redirect’ ‘optimize_jquery’);
/* End with this we jquery wordpress 2 into one */
/* Other optimizations */
wpb_imagelink_setup function () {
$ Image_set = get_option (‘image_default_link_type’);

if ($ image_set! == ‘none’) {
update_option (‘image_default_link_type’, ‘none’);
}
}
add_action (‘admin_init’ ‘wpb_imagelink_setup’, 10);
no_errors_please function () {
return ‘Your computer will self-destruct in 60 seconds!’;
}
add_filter (‘login_errors’ ‘no_errors_please’);

We click save or update.

Newspaper 6 features Speedbooster </ strong>, a plugin to improve performance but does not work at all as there are websites that meet certain characteristics, such as is incompatible with akismet and some other commonly used plugins .
If your website only uses the visual composer plugin, then you can use SpeedBooster. Otherwise we will use another plugin.

deactivate avatars Gravatar : Settings + Comments + withdrew the Show Avatars.
Additionally you can use the “WP-User-Avatar” plugin to establish an avatar loaded from your own site. This improves drastically loading speed of an post with comments.

How to optimize your wordpress installation

If you have multiple plugins we will deactivate and delete all plugins not to use or will use. Remember that the less have installed plugins is faster your website.
– Enter http://www.yoursite.com/wp-admin/plugins.php
– Install Plugin Garbage Collector
Activate and start garbage collector. This plugin will help us erase old data tables to improve loading speed of the database. If not let you delete tables from the plugin will have to do it from PHPMyAdmin and manually delete old tables in the database.
– Install plugin WP-Optimize
We WPOptimize activate and make a complete optimization of the database.

Back to the plugins tab and deactivate, regenerate thumbnails, garbage collector and wp-optimize.

FOR ADVANCED USERS
Walked through FTP and edit the file wp-config.php We will remove all comments and leave only the essential lines. This will weigh less and be something like this example.

<? Php
define ('WP_HOME', 'http: //www.yoursite/');
define ('WP_SITEURL', 'http: //www.yoursite/');
define ('DB_NAME', 'yourbase');
define ('DB_USER' 'youruser');
define ('DB_PASSWORD', 'pass');
define ('DB_HOST', 'localhost');
define ('DB_CHARSET', 'utf8');
define ('DB_COLLATE', '');
define ('AUTH_KEY', 'your key');
define ('SECURE_AUTH_KEY', 'your key');
define ('LOGGED_IN_KEY', 'your key');
define ('NONCE_KEY', 'your key');
define ('AUTH_SALT', 'your key');
define ('SECURE_AUTH_SALT', 'your key');
define ('LOGGED_IN_SALT', 'your key');
define ('NONCE_SALT', 'your key');
$ Table_prefix = 'wp_';
define ('WP_DEBUG', false);
if (! defined ('ABSPATH'))
define ('ABSPATH', dirname (__ FILE__) '/'.);
require_once (ABSPATH 'wp-settings.php. ");

Save changes and upload the file

plugins CACHE

For Newspaper 6 TEST, i installed in a test site with TECH style. I have licence of Zen CAHE PRO and WP Rocket (the best cache plugins for wordpress), but also tried with 2 free plugins like w3 cache and WP Super Cache. The test was conducted with GTMetrix, the server of the website is in Spain.

NOTE: Instead of Speed ​​Booster recommend using the Above The Fold Optimization plugin and only exclude the file style.css