Yup. That is correct plugin for regenerating thumbnails – works for me 🙂
also found in the them documentation here:
https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
No problem using Contact Form 7, it’s simply another thing which adds more code to the site. I had mentioned if NOT using it you could turn it off. Some people install and activate all the “recommended” plugins for the theme (e.g., Jetpack, ContactForm 7, Revolution Slider). If NOT using any of those they should NOT be turned on, was my point.
Anyway, for best optimization be sure to add my line of code to your functions.php file to set a better compression level for your site for all thumbnails created from featured images (found in the sticky category in this forum for pagespeed).
Hmmm…
Hi, did you run regenerate thumbnails plugin when switching to theme to make the thumbs needed for existing stories? The theme doesn’t make thumbnails for existing stories, only new ones. So, your 2002 and 2003 images that are giving you that error should be fixed by the regenerate thumbnails plugin.
(I’d recommend adding my suggested WP image optimization element to your functions.php file before running the script — see my notes in the pagespeed sticky top of forum; go backwards from the end to find my stuff more quickly…. this will cut your thumbnail sizes by 30% without having to do anything else!)
Also remember that the theme / WP won’t enlarge images, only create smaller ones.
We don’t need to use the jpeg mini or smush-it, or similar as we actually run our own webserver using imagemagick and mod_pagespeed; we also optimize our images in Photoshop prior to upload and set the default compression in WP from 90 to 60 for better “built in” compression of images generated by WordPress automatically, and by the theme (see the pagespeed sticky in the forum for more on my tips for image optimization if curious).
You have some issues you can fix like a bad favicon link, load CC logo locally, turn off the aweber tracking pixel, turn off contact form 7 if not using it, etc.
I betcha running the regenerate thumbnails plugin will fix the issue you were mainly having, though 🙂
Well, I was suggesting GTMetrix to help debug WHY your pages are not loading properly. It allows you to test from different locations and browser types and is also good at identifying issue by topic like “server” related issues that might be causing timeout issue.
The tagdiv speedbooster plugin helps with optimizing the theme CSS and JS.
I had nothing but problems with lazy loading myself, but ideally something like mod_pagespeed running at server level does that, and I think there are some plugins you could try on the WordPress.org plugin repository. Can’t recommend one, as I don’t use that. It’s more useful for long pages with lots of images below the fold. Won’t help with your page timing out on first load!
GTMetrix gives me 87% speedgrade and yslow 72 if i remember correctly
Pingdom gives me 80 /100 score
Most of the suggestions involve the external js and css files and use of a CDN.
Is it possible to combine JS and CSS files on wordpress? without the site breaking of course, to reduce the amount of requests is a common suggestion on all pagespeed tools.
What lazy load plugin would you recommend ?
Yeah… (hey, I’m blond!)
… that’s a time out error. Either due to page loading too slowly or an issue with DNS not being able to resolve the page properly (server overload, routing issue for DNS resolution, etc.).
I had that happen when we first turned on mod_pagespeed with a bad setting, and the pages were taking 14 seconds to load or bottom half of page wouldn’t load due to a bad “lazy loading” setting (!).
Try loading/testing the page in GTMetrix.com instead, as it can often give you better “what is wrong” info versus just telling you something didn’t work.
Duh! sorry about that, had my blonde moment of the day.
Another curious thing I’ve noticed, I am using wp-smush but google still says the images can be optimized.
I have been working on a clients WebPage.
It is a news portal. They handle a LOT of posts a day. And have some nasty requirements (which force me to run a bit too many plugins like: adrotate, jetpack, redirection, easy responsive tabs, weather plugin, alexa rank widget, and due to security reasons Hide-My-WP from codecanyon).
They’re on a dedicated server, which has a long response time (about 1.4s) Thanks to the guides, here and google pagespeed insights i was able to bring the pagespeed score from 23 up to 64 (enabling gzip among other things). But all the time I have noticed that when I do the check i get an error on the Desktop version.
Screenshot here
Anyone have any idea why I’m getting this error, or how I can fix it?
you can find the site at Aztecasonora.com
Hi,
Referring to the your document “How to make the site faster”, I was able to improve the pagespeed, but I’m unable to achieve this step “Remove render blocking css/js – using the TagDiv Speed Boosterplugin (Advanced Users)”
I’ve done exactly what have documented.
I’m having this kind of errors:
http://www.deepciel.com/wp-includes/js/jquery/jquery.js?ver=1.11.1
http://www.deepciel.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1
http://www.deepciel.com/wp-content/plugins/revslider/rs-plugin/js/jquery.themepunch.tools.min.js?rev=4.6.0&ver=4.0
http://www.deepciel.com/wp-content/plugins/global-gallery/css/custom.css?ver=4.0
http://www.deepciel.com/wp-content/plugins/global-gallery/css/frontend.css
http://www.deepciel.com/wp-content/plugins/global-gallery/js/jquery.galleria/themes/ggallery/galleria.ggallery_minimal.css
http://www.deepciel.com/wp-content/plugins/global-gallery/js/lightboxes/lcweb.lightbox/lcweb.lightbox.css?ver=4.0
http://www.deepciel.com/wp-content/plugins/open-social/images/os.css?ver=4.0
http://www.deepciel.com/wp-content/plugins/revslider/rs-plugin/css/settings.css?rev=4.6.0&ver=4.0
http://www.deepciel.com/wp-content/uploads/js_composer/custom.css?ver=4.3.4
Here’s the code that I’ve added in my td-speed-booster.php
$this->move_js_to_footer(‘jquery’);
$this->move_js_to_footer(‘jquery-ui-slider’);
$this->move_js_to_footer(‘jquery-ui-sortable ’);
$this->move_js_to_footer(‘jquery-ui-tabs’);
$this->move_js_to_footer(‘media-upload’);
$this->move_js_to_footer(‘common’);
$this->move_js_to_footer(‘thickbox’);
$this->move_js_to_footer(‘admin-bar’);
$this->move_js_to_footer(‘utils’);
$this->move_js_to_footer(‘svg-painter’);
$this->move_js_to_footer(‘wp-auth-check’);
$this->move_js_to_footer(‘ewwwbulkscript’);
$this->move_js_to_footer(‘td-wp-admin-panel-js’);
$this->move_style_to_footer(‘gg_admin’);
$this->move_style_to_footer(‘lcwp-chosen-style’);
$this->move_style_to_footer(‘lcwp-ip-checks’);
$this->move_style_to_footer(‘lcwp-ui-theme’);
$this->move_style_to_footer(‘gg-colpick’);
$this->move_style_to_footer(‘gg-fancybox’);
$this->move_style_to_footer(‘thickbox’);
$this->move_style_to_footer(‘admin-bar’);
$this->move_style_to_footer(‘ie’);
$this->move_style_to_footer(‘open_social_css’);
$this->move_style_to_footer(‘td-wp-admin-td-panel-2’);
$this->move_style_to_footer(‘wp-color-picker’);
$this->move_style_to_footer(‘wpalchemy-metabox’);
There are almost all of the codes that I found in Step 4.2
Please assist.
Make sure the images are actually there? If you paste the image link into a browser does the image come up? Obviously it cannot create thumbnails from images which are linked to from your posts, but are not on the server.
You obviously also want to disable any caching or systems like mod_pagespeed before doing the regen, in case there is some system in place loading cached images in your posts.
Hope that helped!
Hi,
You can follow this pagespeed guide to see how you can make your site faster: https://forum.tagdiv.com/how-to-make-the-site-faster/
You can also find many useful in formations about how you can get the best pagespeed score in this topic: https://forum.tagdiv.com/topic/pagespeed/
Thanks
Hi,
Sorry for the delay.
1. Have you tried to change your file permissions? You can read more about how to achieve this here: http://codex.wordpress.org/Changing_File_Permissions
2. Regarding plugins you should also be able to update them after you managed to solve your file permission issue. The speed booster plugin when activated automatically moves the style sheets and js files to the footer so that is why you had css issue when you activated it as this plugin can cause conflicts when used with other plugins so make sure you check this without any other plugins active, just enable the Visual Composer plugin and the speed booster plugin.
You can use this guide for your page speed: https://forum.tagdiv.com/how-to-make-the-site-faster/
And also follow this tread where you can find solutions to many issues you can encounter regarding page speed: https://forum.tagdiv.com/topic/pagespeed/
You can use this contact@tagdiv.com if you want to send your login details.
Sorry for the inconvenience!
Hope this helps!
Thanks
HI …
sorry … my original post wasn’t related to your issue.
However, I *did* have your issue couple of versions back and it was entirely a caching issue. I’d forgotten to turn off mod_pagespeed *and* all caching prior to updating theme. And so both my version of WP and the theme version both had elements from OLD FILES loading from the new version in the browser, and so things were breaking or I’d get server 500 error.
So, I turned all caching stuff OFF, cleared that stuff, then uploaded both the WP update and the theme update, then worked first time out of the gate.
Might not apply to you, but caching is the main culprit with this stuff.
Hi,
Check your site’s page speed using Google’s PageSpeed Insights and use this guide to find how you could make your site faster.
You can also find more info about page speed on this tread: https://forum.tagdiv.com/topic/pagespeed/
Hope this helps!
Thanks
hello,
we’ve switched from our old blog to newspaper theme on monday, and it’s since then that we have a daily alert from our hosting service, and the websit was put offline twice.
first we thought it was a bandwidth issue, so we have started using a cdn. today same problem, with a message from the hosting helpdesk that “the website is overloading the disk” (and thus an invitation to upgrade to a sata server, more expensive of course).
we don’t understand what’s happening:
– the hosting plan is a normal one, not the cheapest, with a good company, suitable for our dimension
– we’ve made almost all the suggested pagespeed optimisation (still have to install tagdiv plugin), site is cached and compressed, with a 93/100 pingdom tool rate and 57-75/100 page speed
– there’s a cdn working
is this an issue with the template? or is it a problem of our hosting? or maybe we’ve mad some errors somewhere?
thank you if you can help us!
Hi,
Thanks Christopher!
@Tom I have checked your site and found that all features that use ajax don’t work. I also found some js errors in your console which seem to come from a minified version of and could generate this issue.
First thing you should do is to disable all plugins leaving only the ones essential running then empty all cache files, purge files if using any CDN services and check for this again.
Here you have a screens of the errors I found in console on your homepage: http://screencast.com/t/cYPYosgR
Not sure that this is the blame for your slowly loading site but first you should make sure that aren’t and eliminate them.
On the other hand, I have check your site’s page speed using Google’s PageSpeed Insights and according to it you need to optimize your images: http://screencast.com/t/Wfn2Vq7K
You should check it yourself and also use this guide to find how you could make your site faster.
You can also find more info about page speed and how you can optimize your images following this tread: https://forum.tagdiv.com/topic/pagespeed/
Hope this helps!
Thanks
You would need to manually “minify” your CSS/JS. See the “PageSpeed” sticky topic for more info on optimizing your site.
Use GTMetrix.com to test your site as it will outline which issues are server or content related, and often provide optimized versions you can download and try to upload to your site.
It’s virtually impossible to remove the “render blocking” issue, as unless you build a site theme from scratch to load CSS in “sections” (impossible with a site theme like this with so many options for different types of users), there will ALWAYS be the need to load some elements before the above the fold content loads. Upshot: worry about everything ELSE and leave that for last.
One of my websites has pagespeed score of 97 with the render blocking issues still there as a warning. It’s the last thing to worry about.
Problem in Eliminate render-blocking JavaScript and CSS in above-the-fold content as below:
(http://www.screencast.com/t/OmB6OspiQP5)
Followed Step 4 according to: https://forum.tagdiv.com/how-to-make-the-site-faster/
But I am not getting corresponding id as below:
(http://www.screencast.com/t/6HNnSMl0IZx)
What I have to do please?
It would be great help.
And Any plugin to minify HTML for this theme?
After Installing and followed all step for plugin. I am still getting error to solve minify this CSS and JS as follow
(http://www.screencast.com/t/zsVCpJW1hrD>)
How to solve this also. ?
Thank you in advance.
Thank you. It was my mistake in Logo settings. It’s working fine Now. I have some render-blocking JavaScript and CSS problem. What i have to do now ? I followed all steps of https://forum.tagdiv.com/how-to-make-the-site-faster/ this page.
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fimprogrammer.net&tab=mobile
My Page Speed is too low in Mobile : 54 / 100Speed
According to step 4: We copying into text and finde id and set into td-speed-booster.php. But I am not getting all corresponding ID in that.
Like this one:
What i have to do now ?
Hi Guys,
My Site score is too bad: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fimprogrammer.net&tab=mobile: It is only 54 / 100
I followed This all steps: https://forum.tagdiv.com/how-to-make-the-site-faster/
I also followed Step “4. Remove render blocking css/js – using the TagDiv Speed Boosterplugin (Advanced Users)”
but i am not getting id of that file in my text file. It is not showing all blocked file id.
What i have to do ?
And also Minify HTML Which plugin i have to use ?
Thank you so much Please help me
Hi,
@ctomlin
You can document yourself about how to do this online. I believe there are plugins that help you with this. You can also go trough this guides/topics to find out more about how you can get the best pagespeed score:
– https://forum.tagdiv.com/how-to-make-the-site-faster/
– https://forum.tagdiv.com/topic/pagespeed/
– https://forum.tagdiv.com/topic/can-i-add-plugins-css-to-footer/#post-6348
Hope this helps!
Thanks
You can minify html safely. For CSS and JS, you could turn on manual minify mode in W3TC and input each individual script to minify, leaving out the ones that cause errors (i.e. theme ones). Pagespeed also gives you the full URL to each one that it identifies. This is a bit of a pain, but at least you clear away the Pagespeed messages. 🙂
Note that Pagespeed will also complain about external ones, and I believe there’s nothing you can do about that.
Luke
Hello,
I was trying to optimize page speed, and followed all of the steps at: https://forum.tagdiv.com/how-to-make-the-site-faster/
Following these steps:
Remove render blocking css/js – using the TagDiv Speed Boosterplugin (Advanced Users)
Question:
1. Here is my result after I add the code at the end of the functions.php file:
registered scripts
common | /wp-admin/js/common.min.js
admin-bar | /wp-includes/js/admin-bar.min.js
utils | /wp-includes/js/utils.min.js
svg-painter | /wp-admin/js/svg-painter.js
wp-auth-check | /wp-includes/js/wp-auth-check.min.js
devicepx | http://s0.wp.com/wp-content/js/devicepx-jetpack.js
wpseo-admin-global-script | http://livelovefruit.com/wp-content/plugins/wordpress-seo/js/wp-seo-admin-global.min.js
td-wp-admin-general | http://livelovefruit.com/wp-content/themes/Newspaper/wp-admin/js/general.js
td-wp-admin-panel-js | http://livelovefruit.com/wp-content/themes/Newspaper/wp-admin/js/wp-admin-panel.js
thickbox | /wp-includes/js/thickbox/thickbox.js
registered styles
jetpack-subscriptions | http://livelovefruit.com/wp-content/plugins/jetpack/modules/subscriptions/subscriptions.css
admin-bar | /wp-includes/css/admin-bar.min.css
colors | 1
ie | /wp-admin/css/ie.min.css
wp-auth-check | /wp-includes/css/wp-auth-check.min.css
grunion-menu-alter | http://livelovefruit.com/wp-content/plugins/jetpack/modules/contact-form/css/menu-alter.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://livelovefruit.com/wp-content/themes/Newspaper/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://livelovefruit.com/wp-content/themes/Newspaper/wp-admin/content-metaboxes/meta.css
woocommerce_admin_menu_styles | http://livelovefruit.com/wp-content/plugins/woocommerce/assets/css/menu.css
jetpack-icons | http://livelovefruit.com/wp-content/plugins/jetpack/_inc/jetpack-icons.min.css
social-icons-widget-admin | http://livelovefruit.com/wp-content/plugins/social-media-icons-widget/css/social_icons_admin.css
woocommerce-activation | http://livelovefruit.com/wp-content/plugins/woocommerce/assets/css/activation.css
Then, when I go to look for corresponding ID’s, I only find the social-icons-widget-admin as something slowing down my site, but can’t find any of the others mentioned shown here (click link): http://livelovefruit.com/?attachment_id=7267
2. You say not to minify with W3 total cache, but on my page speed insights it says that I should minify html, minify css, and minify JavaScript. What should I do in this situation?
Thanks,
Carly
My NewsPaper site is rocking, and I’m now doing some final post-launch tweaks, including optimizing page speed.
So – Yet another Pagespeed question.
Sorry, I’ve searched in the forums and not found an answer to this particular question, so here goes…
So, I’m trying to get my YSlow score up in GTmetrix, and it’s instructing me to combine Javascript scripts and external stylesheets. How the heck do you do that?
Here’s a screenshot of the actual GTmetrix report > http://screencast.com/t/lzfsgQA6
Here’s the exact verbiage from the report for “Make fewer HTTP requests”…
“Make fewer HTTP requests F (0)41% Content High What does this mean?
This page has 21 external Javascript scripts. Try combining them into one. This page has 17 external stylesheets. Try combining them into one.”
OK, Great. So how does one go about “combining them into one?” For a non-technical guy like me, is there a ‘dummies’ version of how to do that? How the heck do you combine these files, where are they, what are they? Or can you even do what YSlow is suggesting?
Any help or guidance would be gratefully accepted. Thanks!
The css that is generated when we edit fonts, colors etc from the theme panel?
Due to that the rendering takes extra 200ms or something 😛
Like this one in the image below? Or you can see the source of http://www.styzic.com , please fast I need to improve pagespeed scores.
Hi,
1. That is because you logo it’s at 65px height, you can fix this using this custom css in theme panel > custom css field: http://screencast.com/t/6SpPjfGIz7F
.header-logo-wrap {
margin-top: 25px;
margin-bottom: 27px;
}
.header-logo-wrap img {
padding-top: 20px
}
2. You need to add &subset=latin,latin-ext in case you use the speed booster plugin which uses those fonts, we will consider this, until then you can copy the functions.php file inside you child theme and add the latin extended support there. You can read how to do this following this guide: https://forum.tagdiv.com/child-theme-documentation/
3. You can do it like this: https://forum.tagdiv.com/topic/move-comments-above-similar-articles/#post-24724
4. You can a new sidebar and set it only for bbpress forum template like this: http://screencast.com/t/6Vc9ISLruES
Then you can add your widgets there: http://screencast.com/t/ECEMy9Licix
5. It can be due to the theme as the theme overwrites the bbpress templates and restyles them, you could try to translate it from theme panel > translation and the ones you can edit and find the missing words here: http://screencast.com/t/XgcJXFfTKe and replace them from there.
Regarding page speed you can follow this forum topic as there have been many issue debated here and you can find solution for your issue there: https://forum.tagdiv.com/topic/pagespeed/
You can also follow this guide: https://forum.tagdiv.com/how-to-make-the-site-faster/
Thanks
