No search results were found in Documentation!
@gopal904 Yep, WP Rocket its F* OSOM!
@arsonists Así es. El Newspaper 6 tiene la opción de importar desde la 4, pero en si el theme es muy diferente internamente, de hecho V6 es 1MB mas ligero que v4!! por lo que importar ajustes sería una tontería si la estructura interna no es igual. Por las traducciones no te preocupes pues ahora ya viene traducido a español 😀
@thomas Hello thomas, you must use spanish code. Because i use google translator to translate tutorial from spanish to english and some translated code lines are bad. :-(. Try this:
/* 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’ );
Thanks Alin,
as regards pictures already optimized for newspaper 4 not to do any resizing?
Note 2: For osom image optimizatión you can use “ShortPixel Image Optimizer”.
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
Ad Spaces could be optimized for Google DFP ads. I use this platform to manage ads for clients, but the theme does not work well with it. The banners are not centralized.
– To center the header, I had to enter the huge custom css:
.td-header-style-2 .td-header-sp-recs, .td-header-style-5 .td-a-rec-id-header > div, .td-header-style-5 .td-g-rec-id-header > .adsbygoogle, .td-header-style-6 .td-a-rec-id-header > div, .td-header-style-6 .td-g-rec-id-header > .adsbygoogle, .td-header-style-7 .td-a-rec-id-header > div, .td-header-style-7 .td-g-rec-id-header > .adsbygoogle, .td-header-style-8 .td-a-rec-id-header > div, .td-header-style-8 .td-g-rec-id-header > .adsbygoogle, .td-header-style-12 .td-a-rec-id-header > div, .td-header-style-12 .td-g-rec-id-header > .adsbygoogle {
width: 728px;
}
I do not know if I did right, but now is centered. The Sidebar Banner can not centralize. It does not work responsivity.
I appreciate if someone trouzer me a solution for this to work well! My site is http://www.clickcamboriu.com.br/.
Thank you!
Right .. well it’s a new theme not a dot update; all the grids, layouts, images CHANGED.
You need to regenerate your thumbnails to fit new layout, hence all the resize image errors seen in the GTMetrix check. Also need to update any tagdiv plugins, clear server side cache if using one, etc.
Optimize that one image which is 23KB too large (see the report link for which one).
When you change themes you need to regenerate thumbnails to fit the new modules/layouts/sizes.
Theme can’t do that for you, unfortunately.
Also this may help: https://forum.tagdiv.com/how-to-update-the-theme-2/
😉
I sometimes answer sardonically ahead of the official answer, which might be the same but worded differently (as was this case!).
Sadly there is no ‘one way’ to optimize anything with WordPress — as the theme itself needs a little tweaking as with ALL themes (seriously, want to hear about my fun with Canvas or MyThemeShop, ThemeFuse, etc.?).
Most of MY particular tweaks have to do with “baseline” things needed for ANY website/wordpress install -regardless of theme (I am working on an ebook on this topic in my hahahahahah spare time… no really…. someday….).
Theme tweaks are really just setting up site how you want it; and then more recently the pesky Visual Composer stuff (hence the shim of doom, er … solution).
Technically theme doesn’t need any special optimization vs any other site of comparable complexity, but your mileage may vary as I am wont to say.
I will post the cheat sheet on how to load Google Fonts more better good too one of these blue moons. The old method for Newspaper 2 I posted a bazillion years ago sure won’t work now !
Peace and happy trails.
I find the normal “regenerate thumbnails” works better than “force regen” plugin.
Try upping the memory allocated to WP in your wp-config.php file which MUST be done *in addition* to the php.ini/php memory setting for hosting account.
Newsmag is a ‘bordered’ site — it uses lines to show separation of different content areas; as clearly shown in site demo. Of course, you can hide the borders if you want to. Newspaper is more ‘open’ and ‘wider.’
Speed test “zero” ? Impossible unless page didn’t load. You would likely need to optimize your site, try following my sticky post and the theme docs.
This is different theme than Newsmag — so obviously not all the same options are available. However many of the cool features from Newsmag will be in “Newspaper 5” coming “really really soon now ….” (as free upgrade, per TagDiv folk).
Just food for thought; I do NOT work here 🙂
Hi,
the past few days I was busy getting the performance up and running without plugins (and doing not too bad so far).
But it seems that something messed up the slider display, photos are enlarged and the actual slider is not visible. And I can’t figure out what is causing this. Also the images show a darkened bottom, any chance to remove this ?
Since I’m here google pagespeed annoys with should fix this for mobiles (but not for desktop!):
Optimize CSS Delivery of the following:
http://www.dinckol.com/…-content/plugins/jetpack/css/jetpack.css
http://www.dinckol.com/…cons/genericons/genericons.css?ver=1.7.1
http://www.dinckol.com/…themes/Newsmag-child/style.css?ver=1.7.1
http://www.dinckol.com/wp-content/themes/Newsmag/style.css
I understand from what I have read so far the theme css’ hast to be loaded at top. Once you open my page you will see nonetheless a brief delay the style gets applied. any suggestions to improve mobile speed and visual experience?
Thanks
Just did a fresh install on my site, starting from scratch to avoid what may have been some security issues before. I’m making a concerted effort to secure and optimize the site before adding any content or doing any major customizations.
I’m using the guide here to try and improve page speed: https://forum.tagdiv.com/how-to-make-the-site-faster/
Under section 4. Remove render blocking css/js – using the TagDiv Speed Boosterplugin (Advanced Users) I’m running into some issues.
1. I’ve installed the Speed Booster plug-in and activated it.
2. I’ve copied and pasted the suggested code into very bottom of NewsMag’s functions.php file (there’s another functions.php that the guide is talking about, is there?) and saved.
3. I’ve copy/pasted the output at the top of the page into a text file, which reads:
registered scripts
common | /wp-admin/js/common.min.js
admin-bar | /wp-includes/js/admin-bar.min.js
wp-pointer | /wp-includes/js/wp-pointer.min.js
wordfenceAdminjs | http://madlymanly.com/wp-content/plugins/wordfence/js/tourTip.js
utils | /wp-includes/js/utils.min.js
svg-painter | /wp-admin/js/svg-painter.js
sucuriscan | http://madlymanly.com/wp-content/plugins/sucuri-scanner/inc/js/sucuriscan-scripts.js
wp-auth-check | /wp-includes/js/wp-auth-check.min.js
td_wp_admin | http://madlymanly.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_wp_admin.js
td_wp_admin_color_picker | http://madlymanly.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_wp_admin_color_picker.js
td_wp_admin_panel | http://madlymanly.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_wp_admin_panel.js
td_edit_page | http://madlymanly.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_edit_page.js
thickbox | /wp-includes/js/thickbox/thickbox.js
registered styles
admin-bar | /wp-includes/css/admin-bar.min.css
wp-pointer | /wp-includes/css/wp-pointer.min.css
colors | 1
ie | /wp-admin/css/ie.min.css
sucuriscan | http://madlymanly.com/wp-content/plugins/sucuri-scanner/inc/css/sucuriscan-default-css.css
wp-auth-check | /wp-includes/css/wp-auth-check.min.css
google-font-ubuntu | http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic
td-wp-admin-td-panel-2 | http://madlymanly.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/css/wp-admin.css
wp-color-picker | /wp-admin/css/color-picker.min.css
thickbox | /wp-includes/js/thickbox/thickbox.css
wpalchemy-metabox | http://madlymanly.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/content-metaboxes/meta.css
jetpack-icons | http://madlymanly.com/wp-content/plugins/jetpack/css/jetpack-icons.min.css4. Deleted the code from step 2, then saved.
5. Re-ran the Google Test and it spat out the following results:
Remove render-blocking JavaScript:
http://madlymanly.com/wp-includes/js/jquery/jquery.js?ver=1.11.2
http://madlymanly.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1
Optimize CSS Delivery of the following:
http://fonts.googleapis.com/css?family=Open+Sans%3A300%2C400%2C600%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=4.2.2
http://fonts.googleapis.com/css?family=Roboto+Condensed%3A300italic%2C400italic%2C700italic%2C400%2C300%2C700&subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&ver=4.2.2
http://madlymanly.com/wp-content/plugins/js_composer/assets/css/js_composer.css?ver=4.4.4
http://madlymanly.com/wp-content/themes/Newsmag/style.css?ver=1.7.1
6. When I went back to output from what I did in step 3 above, I didn’t notice any corresponding file names for the issues that needed to be fixed. For instance, in the Google report, it suggests jquery files, but when you search the code section of step 3, I couldn’t find anything that said “jquery”. Same thing for css like “Roboto”.
I noticed in the code comments within the Booster plug-in that it looks like it is still being tested on NewsMag:
/**
* Move the style only on newspaper
* @todo move the style also on newsmag after we fix all the issues
*/
Thoughts? Thank you for the help!
Likely good to look at the suggestions from GTmetrix on what to fix …
anything below ’60’ usually means gzip/deflate not actually enabled; and time to live settings not properly set, etc. — but GTmetrix is good at spelling out WHAT the heck is wrong with suggestions.
Remember you should not have more than 4 things being loaded from external sources, or it does really slow down the site as all that other stuff has to be loaded every time a page is loaded in browser.
Also better to test a post page than home page, since few actually go to your home page from search online or RSS, etc.
All those maps things loading from Google slow things down.
And loading 50 CSS/js files is realllllllllllly bad.
You need to seriously cut down on the plugins, find better ones without so much CSS, so many hooks into jquery, see link at bottom of TagDiv speed docs info about tips to optimize contact form 7; figure out how to hide CSS from loading on pages where not being used, etc.
Your weather widget is loading five (5) files!! That’s awful.
You might have to hack all that stuff to load via “sync” mode; possibly use the speed booster framework to queue it properly (see docs — not simple).
With all the crap you’re loading (sorry), you should ALSO not use any Google fonts at all and load ONLY ‘web safe’ fonts like Georgia, Arial, Verdana, etc.
Loading this giant file likely not good:
https://cisocial.net/social/file/pic/yndirectory/2015/04/4ff3adbcaf396e4f41b4928574fa4392_200.png could save 379.0KiB (96% reduction).
This is whacko too
•http://cisocial.net/wp-content/plugins/wp-user-frontend-pro/assets/js/jquery-ui-timepicker-addon.js?ver=4.2.2 (38.4KiB)
•http://cisocial.net/wp-includes/js/jquery/ui/datepicker.min.js?ver=1.11.4 (29.7KiB)
70KB for a date picker???
You have a *lot* of work to do!
Start by removing everything that is badly implemented/coded (like the above weather and date picker stuff), cut back on the Google fonts, etc.
Page should not take longer than 1.5 seconds to load, ideally and your home page is about twice the size it should be ideally (put another way if you remember flopy diskettes? Your page takes 2 full floppies of data to load!!!!):
Page load time: 8.97s
Total page size: 2.73MB
Total number of requests: 161
Hi:
I have read Chris’s insight and other comments by authors and implemented them in my site. However, my page speed is following
-google test 29/100 mobile and 35/100 desktop
-GTmatric 68% and YSlow 69%
-Pingdom 64/100
My wordpress: using WP super cache, APC, WP Optimize, TD-booster, implemented Chris header release code, and function code, the only thing I don’t have is an image-compressor, I do have about 20+ plugins including google map, WP ads pro, tweeter feed, instagrem feed
my server: demi-dedicated VPS 3GB ram SSH disk
Server setting: mod_deflate is active and gzip compression also. Also PHP code and MySQL queries are cached by xCache, and all our clients are on SSD disks.
My questions:
1) Anything that I did wrong?
2) Any other improvements I can get?
3) Any suggestion or tools I can implement?
Thanks a bunch
Did you bother to do the optimizations for YOUR SITE which must be done — ?
No theme can optimize your web server, WordPress install, etc. It’s only designed to be optimized for what the theme does, but YOU still have to properly optimize your site.
a) note the sticky post top of the forum on how to optimize your site/server
>> https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
b) note the theme docs (link right side of page) for how to speed up your site and what was done to make the demo so fast (e.g., caching, etc.).
>> https://forum.tagdiv.com/how-to-make-the-site-faster/
WordPress is managed on your end as are all your server settings, htaccess settings, etc.
This is necessary regardless of the theme you use!
Hope that helped 🙂
(( I don’t work here just use the themes for our network, so pretty savvy! ))
Hi,
We use here a custom modified theme based on bbpress. Unfortunately it has lots of customizations and we’re constantly maintaining it and I can’t provide you guidance on this but basically you need to optimize the server performance (we use a dedicated server), optimize database performance and look for plugins to improve the appearance and functionality of the forum. Custom modification are also required to tweak various areas.
Thanks
Absolutely true. Everything “weird” started with 4.4 and when they started adding a bunch of new things for WooCommerce and adding some things which I think were designed to roll-in things others were selling as extensions/add-ons to VC.
So, for low traffic site, VC 4.42 and Newsmag 1.71 work fine. High traffic site and VC 4.5x .. not so much.
With VC 4.3.5 we never had *any* problems. Newsmag 1.71 good to update to for the WP security fixes, and then try to either use shim, or older version of VC.
AGAIN TO ANY AND ALL: issue *not* with the theme — it’s nothing TagDiv ‘needs to fix’ with new theme version. It’s an issue with Visual Composer from WP Bakery, bundled with theme to provide dashboard and additional widgets for custom layouts. Issue doesn’t impact ALL sites/servers. Oddly it seems worse with those of use with dedicated servers, but really weird things happen. Only real solution — I think — is for VC to fully re-write their code from ground up based on current version of WP, optimize it, and possibly break some things into extensions that most people don’t use. Why have all the code bloat for WooCommerce if not using that on a magazine site?
Anyway…. just my input on this topic since I was one affected. I don’t speak for TagDiv in any way… just my opinions.
Well, they kind of already have … on various threads.
Right now the *only* solution with Newsmag if you have this CPU spiral of doom is to use the shim plugin, and use VC as little as possible beyond the development portion of your home page. Make sure you have a lot of memory allocated to WordPress (at least 256MB from the wp-config.php file in addition to php.ini setting; you must do both!).
We started to see minor spikes once 4.4.2 came out. Prior to that zero issues. Right now we can use it, but anything later not so good. I can’t imagine if WP Bakery haven’t addressed this ins the 4.5x versions, that they still don’t “get it” and are not solving it — seems to be a “if 90% of people can use, the other 10% oh well …” which isn’t great.
Right now TagDiv is focused on (based on posts I’ve seen):
a) Newspaper 5 w/ features of Newsmag + better grid + new version of API.
b) Next Shim beta for use with Newsmag *and* Newspaper.
c) Newsmag 1.8 with bug fixes and minor updates/tweaks.
d) Dev work on possible alternative to using Visual Composer.
So — at the moment if your site dies with VC 4.42 immediately, then it’s clear you might need to go back one more iteration, and/or stick with 1.6 of Newsmag vs 1.71.
I have 2 sites still working with 1.6 and 4.42 without shim, and doing okay, but they are fairly low traffic sites. I have 3 sites on 1.71 with VC442 and the shim, and 2 of these are our larger main traffic sites which were killing MySQL in batches of every 10 minutes or so going from green to yellow to red, and back. Then CPU death.
Not sure any of that helps … not much TagDiv can do beyond the shim, and possibly providing earlier versions of VC to try for your system. Since they don’t develop VC, it’s not something they can “fix” for anybody beyond the reports they have provided to the Bakery folks as a developer/licensor in hopes of solution (and yet to see one).
Some theme devs are already leaving VC in favor of in house solutions or simpler things like Siteorigin builder (free/open source), etc. (( We’re using Page Builder by SiteOrigin with a lean WP home brew Bootstrap 3 theme for a client reporting system along with Advanced Custom Fields, and works well so far for that … )).
Anyway…. I’m sure TagDiv folk will have some reply, but likely not far different from the above rantings 🙂
Of course, it’s possible that the next version of Visual Composer will be better “optimized” …. frankly, I’m amazed they are not working with an example “DOA” server setup, reading the error logs, and trying to find what bit of code is causing the death spiral, and then FIXING it. But I’m behind on stuff for my own business, so can’t really point fingers on that 😉
For basic minification of the CSS and possibly main js files, see my optimization guide.
Be aware that there is really no 100% way to fully optimize loading the above the fold content with any commercial theme like this one — this is because there are many options and functions being loaded in order to render the page at all, and to provide folks to create totally different designs.
Many articles have been written online about getting a perfect score with PageSpeed and WordPress and that requires custom building a theme from scratch and setting up regions where CSS and js are loaded conditionally and in series based on the content sections. Very complex and outside the scope of commercial themes.
Limiting things like mega menus can help, making sure any external resources load via async (we used to use addthis for social buttons on our sites and had to ‘hack’ that to add async loading of their js, because they were too stupid to do it with one line of code in their WP plugin).
Often to get the best “real world” score for your site, you need to disable any/all things which load externally (ads, etc.) and then test that. Optimize. Then switch on external things, optimize “if possible” and then realize the “real score” doesn’t count the Google ads stuff.
You can’t control caching of external elements (time to live), or minification of external resources. With Google fonts you can load the CSS locally in your own style sheet, then simply “draw” the fonts from their CDN. Now that “Roboto” is open source, one could in theory even load that font off your own server and bypass Google entirely. Or just use “web safe” fonts, to eliminate any external font loading.
For the above the fold render blocking blah blah. If your mobile score is above 85 you’re fine; if your desktop is above 90 you’re fine. But there is a notable “tuning” process to this, and again — it’s almost impossible to eliminate the “render blocking” or “above the fold stuff” entirely with *any* commercial theme.
Not sure any of that helps… just some feedback on my own suffering using commercial WordPress themes, and also building my own bootstrap 2 templates which are running our main business portal (using .shtml and custom page builder CMS; not WP).
Well, the shim isn’t going to replace visual composer; it’s a stop gap for those having CPU death spirals. For VC general issues, try going back to the earlier version of VC on your site (e.g., 4.4.2), which you should have from older versions unless you are first time user.
Or, if you choose to use the shim, be aware it won’t work for some of the more oddball things in VC; and it’s not optimized for the Newspaper modules – as far as I know.
For example, working here just fine:
CaliforniaNewswire.com
I have slider, lots of modules on page, and they do work.
Only a few things I was using before do not work with the shim, and I’ve just worked around that.
Sort of too bad as VC had zero problems last year and it’s only been the newer versions causing issues this year (ironically with a ton of junk added people were demanding without knowing how it would impact their little VPNs and $10/month accounts….). All the hacks to WordPress for security this year likely haven’t helped either as obviously a lot of stuff got moved around.
In any case — I’d wait for an official “can I use this with Newspaper 4” answer, as my thinking would be “maybe.”
Nevermind. I started playing with the plugins and discovered both issues were resolved when I deactivated EWWW Image Optimizer. Any recommendations for a good image optimizer/squisher?
Ok, so this is probably going to be a little unexpected…..
Somebody writes a forum entry about site speed and it doesn’t contain frustrated comments about how the theme is so slow 🙂
So, this morning I check my sites speed on the home page after not doing any work on the site for a week and guess what? It’s faster than ever 🙂
I run site wide https, I’ve got 14 plugins (not running speed booster plugin) there’s 81 requests on the page and the page size is 1.3MB
Pingdom 1.18 seconds
GTmetrix 2.23 seconds
Web page test 2.42 seconds
This has come down from over 10 seconds in January
Gotta say I’m absolutely delighted \o/ It’s been a lot of work optimizing the theme and the server but it can be done.
I think I can still squeeze a bit more out of it as I’m not using a CDN, I’m on shared hosting with A2 and some bits on the page need a tweak here and there.
So for once, wait for it………..
Thank you to Lucian, Alin and Chris S for their patience and for sharing the knowledge that will help me to set up this site and enable me to build faster, better optimized sites in the future.
Thanks guys 🙂
Some suggestions
a) don’t use child theme, as it’s a redirect
b) ensure you have caching running on server like opcache, etc.
c) be sure to use normal WP optimizations (as per my own optimization sticky) — enough memory allocated to php, and upgrade default RAM for WP in wp-config.php -etc.
d) limit queries on post pages — meaning, avoid “most popular 7 days” kinds of things, try one query of “latest 5 stories” vs having three sidebar queries of 3 latest posts from 3 categories; try not using mega-menu to query dbase for story elements .. limit queries in footer
e) remove CSS over-rides in theme panel, move to style.css
f) consider using things like mod_pagespeed and or mod_SPDY if you serve all pages via https
g) turn off image thumbnail sizes you don’t actually use; plan layouts to limit total number of sizes for thumbs to no more than 5 or 3 if really going for speed
h) check server response time — which has nothing to do with theme and needs server to be optimized (our pages respond in 0.31 secs on avg., regardless of theme with only minor optimizations)
And of course look at some of the theme docs for suggestions from TagDiv on speed/performance.
Food for thought 🙂
Issue is not with theme — all themes using Visual Composer as a “drag and drop page builder” are having this issue. And this only impacts some servers. We’re using NewsMag on two high traffic sites right now; one which gets a lot of traffic every day, the other gets large hits “depending on the content.”
Not sure what “SmartMag” is as this is the “NewsMag” forum, but if you read my thread then you don’t need to worry …
a) use the theme with current Visual Composer; might not impact your site/CPU depending on how your server is setup.
b) if you have a large CPU hit you will know immediately, and you can switch to using the SHIM plugin.
c) if you have a VERY high volume traffic website (e.g., millions of page views per day) you should be building a “lean framework” which doesn’t have all the pre-built options baked in, as this is not as efficient as a lean framework where you have as little as possible — e.g., TIME magazine is running on a version of twenty-fifteen theme with some custom plugins to manage editorial matters. No page builder, but lots of stuff running via cloud for fast “edge loading” via the Automattic premium platform. In that situation you would be custom building a theme to fit your needs not buying a $50 off the shelf product.
d) in our case we chose the TagDiv folk to redo our news network sites because 16 months ago when looking around they were one of the VERY few who had some clue about pagespeed optimization beyond so-called “SEO READY” … meaning, some thought given to page speed and not just “feature bloat” with some meta tags built in. We had built our own lean framework which was a pain pre-bootstrap, in 2011; went to Woo Canvas in 2012; went to TagDiv end of 2013 (has it been that long?).
But like all CMS platforms where you have a platform running on top of php, then theme(s) running on top of that, then plugins and hooks going into that, there is always a dev/test process on your end to see what works, what needs to be massaged, and what won’t work at all in your particular environment.
If you’re starting a NEW news site, I don’t think you need to worry about high traffic at this stage, as it takes awhile to build that unless you’re using bots or entirely click-bait with paid adwords per story to drive that.
————–
so, if you reads my thread you know
a) they have a fix NOW that works for those with high CPU issues
b) not all users of Visual Composer have an issue
c) the folks who make VC (not TagDiv) may optimize or fix memory issues in future version; TagDiv has NO control over that beyond working with the WP Bakery developers on the issue.
d) they may “roll their own” sideways version of a page builder which is more ‘lean’ at some point, but obviously that takes a bit of time to develop.
So, have fun and build your site 🙂
How to optimize these 2 css files?
http://www.screencast.com/t/3rpkCDDuGv
I’ve added td-speed-booster but it’s still not working.
http://www.screencast.com/t/5iyvzNqw195
Help me. Thanks!
