- TutorialsWhat is Ajax preloading?
Hi,
We added a list with plugins with which we tested the Speed Booster plugin, it automatically disables itself if a new plugin is installed. This measure was added to prevent plugin conflict/failure for the average user. This plugin was intended for advanced user, it requires modifications on the code to add new resources (js and css) which are moved to the bottom of the page and conflicts may appear because some plugins may cause issues when you try to move their resources at the page bottom. If the things would have been easier we would make this an automatic process with no need to edit files and make error checking tests with each plugin.
There’s no need to disable all those plugins, you have to add them to the list and check if they work when Speed Booster is enabled. – http://screencast.com/t/q0VwS4g41F
You also have to follow the steps added in the documentation to add into SpeedBooster the resources coming from those plugins and see if there are any errors when they are moved at the bottom – https://forum.tagdiv.com/how-to-make-the-site-faster/
The Speed Booster plugin doesn’t replace the cache plugin, it just moves javascript and css at the bottom of the page. So you have to use a cache plugin, we recommend using WP Super Cache.
Thank you, Emil G.
Hi,
We tested WP Super Cache with the theme and we decided to recommend it to be used with Newpaper theme (also with Newsmag) it seems to be faster. Also we recommend to be used as default (no minify).
Thanks!
Hello tagDiv Team,
some questions about the “Speed Booster Plugin”…
Of course speed of a site is a big thing. So it’s for me. But I must admit, that I am a bit confused on how to use it! The new version included into the new theme version seems to be incompatible with nearly every single plugin I use on my site.
Starting with a very popular add-on for visual composer, a faster version of disqus, a very helpful (and popular) security plugin, and so on … If I would disable these plugins, I can stop serving my site!
The thing is, that the system status tool tells me, that the “Speed Booster” is disabled, because these plugins are installed.
So what should I do now? I just can’t stop using visual tables on my site (for example), as they are a very important piece of our content. We are an informative magazine into parenting and family. So we need these visual extras …
But of course we also need a running and stable site! So what are our alternatives? Deleting the Speed Booster, and using a caching Plugin?
I really love the newspaper theme. But it is very annoying, that some parts seems to be so deeply hardcoded, that you cannot replace them with alternatives. For example the Speed Booster component, or the header menu. I have tried to use the uber-menu in the past. And I am quite sure, that the is still no chance to use it with version 6 of the theme …
Best regards
Torsten
Hi,
1. Please provide a link so we can take a look if you still have this issue with thumbnails. Try also to regenerate only that image maybe it was not regenerated.
2. Try to change the module to display your articles on category page and save your settings as were added more features for category template – http://screencast.com/t/a2bJ1wNTh37U Also change the module for each template you may have issues also on search page for example – http://screencast.com/t/VoiG4Xjta7
3. Do you use speed booster? This usually happens because of the speed booster plugin which move the css and js at the bottom of the page structure so that the page will load faster, this is why the theme default color appears first then changes, because of the cascading property of css. A solution is to change the color directly into the css style-sheet, which will make your colors to load first and stay that way.
4. You can change the date format form WordPress settings – http://screencast.com/t/tHRb1anDA6R
Thanks!
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
Hello,
I’ve added this issue to our issue tracker and we will release an update to the theme with the fix. It may take us about one or two weeks to release the update, if you want the fix faster I can try to find a custom solution asap.
Sorry for this problem,
Radu O.
1) Hello, I get not improve site speed.
I can say as achieving it?
the guide is very complicated https://forum.tagdiv.com/how-to-make-the-site-faster/
This is my .htaccess
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^ index \ .php $ – [L]
REQUEST_FILENAME RewriteCond% {}! -f
REQUEST_FILENAME RewriteCond% {}! -d
RewriteRule. /index.php [L]
</ IfModule>
# END WordPress
My site is:
http://laradiodetotoral.com.ar/
2) How do I configure exactly WP Super Cache
Thank you very much for your help.
Slds.
Alin – thanks
Chris – thanks
Question – why are these adjustments not part of the core code or can be sent out in an update?
What if we are not qualified coders or people who feel comfortable adjusting the core code of the custom theme we purchased here?
We have purchased multiple custom themes before and never had to make this volume of changes to the code simply to make the theme “work right” or “run faster”.
Shouldn’t this be provided by the theme creators initially or in an update?
Chris – please let the theme creators respond. We know you are the resident expert and we have seen your great helpful responses in many many threads. But in this case we would like to hear from the people we purchased the theme from with the answer.
We ask with all respect as we love this theme. Just curious. Please advise. Thanks.
Hi,
You have these errors in the console – http://screencast.com/t/aGLY6Hjh2 please check this without any plugins active, leave just Visual Composer active, clear cache and see if you still have this issue with gallery.
Unfortunately this delay usually happens when speed booster is used as the css and js are moved at the bottom of the page structure, so that the page will load faster. That’s why the theme’s default style appears first then changes, because of the cascading property of css. To avoid this you could try to make the changes directly into theme’s style file.
I also checked your page source and those css resources are moved to the bottom, you also can check – http://screencast.com/t/vkHNjMZu only jetpack sharing css is not moved – http://screencast.com/t/YGTYW5v11oxY Try to move also that css and see if you still have this issue when you test pagespeed on mobile.
Thanks!
Hi,
@Christopher thanks!
@vtobing You can change the color of the Grid line on Newsmag theme if you want this – http://screencast.com/t/9wYZwr0k
1. Please try Christopher suggestion and use Regenerate thumbnails – https://forum.tagdiv.com/how-to-fix-strange-thumbnails/ anyway I have checked your homepage and the thumbnails are displayed fine – http://screencast.com/t/EafYUovZba
2.
a. Not sure why do you have this issue, if you have articles on Featured category it should be displayed also on Big Slider.
b. You can use this custom css in Theme Panel > Custom Css for Big Slider arrows – http://screencast.com/t/DtyeieMwq8e
.iosSlider.td_block_big_grid .td-icon-left, .iosSlider.td_block_big_grid .td-icon-right {
color: red !important;
}
Also for normal slider you can add a background to the arrows – http://screencast.com/t/bDrHvF5t7u
.iosSlider .prevButton, .iosSlider .nextButton {
background-color: red;
}
3. You can try to change the post style as default from Theme Panel > Post Settings – http://screencast.com/t/SoPnjVmiAjRR This option is overwritten by the ‘Post template’ option from the backend – post add / edit page.
4. To improve the pagespeed score please check if the following optimization are done on your side – https://forum.tagdiv.com/how-to-make-the-site-faster/ – and this one – https://forum.tagdiv.com/topic/tutorial-pagespeed-2015/
Thanks!
Hi,
I guess that you use speed booster plugin, unfortunately this usually happens when speed booster is used as the css and js are moved at the bottom of the page structure, so that the page will load faster. That’s why the theme’s colors appear first then changes, because of the cascading property of css. To avoid this you could try to make the changes directly into theme’s style file, like you friend suggested. We are working to find a solution and a better implementation for this.
Thanks!
Hi,
did you find any solution? I like to use WPtouch too, because it’s much faster than the responsive feature. Google Pagespeed 49 points to 73.
Or do you have any plans to speed up the Newsmag responsive feature?
Thank you!
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!
Hi,
Glad that your solved this!
Unfortunately is usually happens because of the speed booster plugin which move the css and js at the bottom of the page structure so that the page will load faster, this is why the theme’s color appears first then changes, because of the cascading property of css. To avoid this you could try to make the changes directly into theme’s style file.
Thanks!
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,
You are right it seems that the menu icon and search are still not visible on mobiles. Please check your custom css as this code overwrite the icons css – http://screencast.com/t/CkbT9zn1 – http://screencast.com/t/DdOpK2P0iaC
We recommended W3TC in the past but now we also made some tests and WP Super Cache seems faster and we will recommend it also in our documentation for Newspaper 5.
Thanks!
Hi,
1) and 2) The js was moved at the bottom – http://screencast.com/t/VOSuXqWz
The css is still at the top, maybe you added those lines in the wrong section, please provide the content of your speedbooster plugin file to take a look, use pastebin – http://pastebin.com/ – Even if you move all css and js at the bottom Google pagespeed test may still show the warning because you have too many resources on the page.
3)On leverage you have the google ads and other js which comes from external resourcess – http://screencast.com/t/tjIX5RnvVJqS , it has a leverage set but it’s considered too low by the pagespeed test, basically google penalizes you for using their ads for which you can’t set a higher leverage.
For css js minifications you have to use a plugin, the settings depend on the plugin used, some may give errors when you minify their css or js so basically you have to make some tests.
Also use a cache plugin, we recommended W3TC in the past but now we made some tests and WP Super Cache seems faster.
Thank you, Emil G.
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 🙂
Also note server “response” time is not the same as “page load time…” — meaning the time it takes the server to respond to first query for the page content.
Our sites with dedicated server with 32GB RAM and Quad Xeons is typically 0.31 seconds “server response time” on average and Google tells us THAT is still slow. They ideally want 0.2 sec or faster, if you can believe that.
But that should be your target if you have dedicated server running Linux variant. Definitely talk to your hosting provider — I can also recommend a third party support firm here in the U.S. ($150/month) to help manage the more arcane stuff that many hosting/colocation folks no longer help with.
but we’ve not done any special optimizations as I’m not a slave to Google’s nutty “best in the world” when they can’t even manage half their own web stuff properly anymore (seriously, don’t get me started … on the https site name change fiasco, or using Google paid CSE with sitesearch … etc.)
Not sure any of that helps — only anecdotal in case you needed some feedback on a good target speed for dedicated server with 32GB RAM and multicore CPUs.
Another option which helps, that folks often miss, is the switch your server is actually connected to their network with — most colocation and managed server co’s default to a 10/100 switch/port — when you really want a 10/100/1000 switch/port to have your server connect to. I’d look into that first, but also make sure you have your hosting company “audit” the server response time.
Hi,
Unfortunately is usually happens because of the speed booster plugin which move the css and js at the bottom of the page structure so that the page will load faster, this is why the theme color appears first then changes, because of the cascading property of css. A solution is to make your changes in style.css like already Christopher suggested.
Thanks!
Hello
i have tried everything , my site is on dedicated server with 32gb ram , but server is responding in 2.2 seconds , is their ant htaccess technique to load page faster or is their any problem with theme .
thanks
Hi,
Yes, you can change also default color for top menu(if you use full top menu) – http://screencast.com/t/6dXKagVAZ
and for border – http://screencast.com/t/xQw5qeml7CbC
Unfortunately is usually happens because of the speed booster plugin which move the css and js at the bottom of the page structure so that the page will load faster, this is why the theme color appears first then changes, because of the cascading property of css.
Thanks!
I think the top right elements are using a custom font, or png files.
You can probably look for the module for the social iccons in the theme folder, and perhaps try to edit that.
Virtually no site on the web uses the “official” graphics from the social sites as they are often not same size or “style”; most use the official logo but with custom iterations for consistency — e.g., TIME doesn’t use the official social buttons, nor does CNN, etc. Many now use the font awesome font set which has all the social icons and load faster than individual graphics. Others use sprites vs individual graphics for better pagespeed rating.
So take those issues into account if hacking the design elements 🙂
Tagdiv support back on Monday.
Thank you.
So my next question related to the first question I had.
1. How do I get my image to look like the images on the Tech demo where they are all the same height?
I’m specifically talking about the first two images that are both 681 x 333. They are more slender and I like that look. So how can I achieve this?
Is there a feature built in or do I have to just crop every image myself to those dimensions?
Hi,
If you have so many resources you cannot stop this error, but you can use the tagDiv Speed Booster plugin to move the css and js at the bottom of the page and try to avoid the page render blocking: https://forum.tagdiv.com/how-to-make-the-site-faster/ – https://forum.tagdiv.com/pagespeed-guide/
Also you can read Christopher tutorial – https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/ and you could try to also test this without plugins and check to see if you noticed any differences.
Thanks!
