- NewspaperHow to Make the Site Faster
- NewsmagUsing the theme translations together with WPML
- NewspapertagDiv AMP Plugin Tutorial
- NewspaperNewspaper Theme Support
- NewsmagRequirements for Newsmag
- NewsmagSmart sidebar
- NewsmagTheme thumbs
- TutorialsWhat is Ajax preloading?
- NewspaperCustom ad spots
- NewspaperRequirements for Newspaper
Hi,
1. The link color in backend is blue, the theme color is applied only in frontend – http://screencast.com/t/EtVtuWQC5Xyp
You can change that color if you need it by adding this css in type.less: http://screencast.com/t/BzyneEf4DXfQ
.mce-content-body a {
color: red;
}
2. 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. What you can do is to change the color directly into the css style-sheet which will make your colors to load first and stay that way. You could also deactivate the plugin if you don’t need it.
Thanks!
-
This reply was modified 11 years by
Alin [tagDiv].
Yea thank you, you are really faster than them i dont know why they dont give you some money for your work… it is problem how to explain… I have portal for my city and i want to make some section for my neighborhood so in that portal will automaticlly go posts from parent site… i will buy a new domain after some time… new one will be like neighborhood.city.com 🙂
and, some optimization tips
https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
from the theme docs (link right side of page)
https://forum.tagdiv.com/how-to-make-the-site-faster/
You can delete the js-composer folder in your wp-content/plugins/ folder via filezilla using the delete command ….
however, I run into this issue where it may “time out” and not finish…
this is a normal server issue with trying to delete too many files via ftp …
If you have a “filemanager” module in your web hosting account panel, it’s MUCH faster to navigate into your public docs folder (e.g., httpdocs or whatever), then go to that folder and check box, and click delete. Server can do it in one click.
FTP, you might have to open the stupid js-composer folder, select all, then click delete and might have to do that twice until folder empty.
Just went through that on 7 websites. The filemanager method MUCH quicker.
Site Speed test results: Pagespeed Insight
Hi,
I’m trying to improve the speed of the site, my mobile speed results are currently only 40/100
I’ve got Gzip on, I’m running Total Cache, I’ve compressed all images with EWWW
I have tried the TagDIV speed booster plugin with the steps outlined on this page
However, the list it produced didn’t seem to correlate with the actual page insight results (with the exception of a couple)
list:
registered scripts
jquery |
hide-this-part-js | http://gadgetviper.com/blog/wp-content/plugins/hide-this-part/js.js
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://gadgetviper.com/blog/wp-content/plugins/wordpress-seo/js/wp-seo-admin-global.min.js
td-wp-admin-general | http://gadgetviper.com/blog/wp-content/themes/Newspaper/wp-admin/js/general.js
td-wp-admin-panel-js | http://gadgetviper.com/blog/wp-content/themes/Newspaper/wp-admin/js/wp-admin-panel.js
thickbox | /wp-includes/js/thickbox/thickbox.js
registered styles
admin-bar | /wp-includes/css/admin-bar.min.css
wpar-style | http://gadgetviper.com/blog/wp-content/plugins/wp-reviews/css/style_admin.css
font-awesome-styles | http://gadgetviper.com/blog/wp-content/plugins/wp-reviews/inc/font-awesome/assets/css/font-awesome.min.css
wprs-admin | http://gadgetviper.com/blog/wp-content/plugins/wp-rich-snippets/assets/css/style_admin.css
colors | 1
ie | /wp-admin/css/ie.min.css
wp-auth-check | /wp-includes/css/wp-auth-check.min.css
responsive-lightbox-lite-admin | http://gadgetviper.com/blog/wp-content/plugins/responsive-lightbox-lite/assets/css/admin.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://gadgetviper.com/blog/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://gadgetviper.com/blog/wp-content/themes/Newspaper/wp-admin/content-metaboxes/meta.css
bws-admin-stylesheet | http://gadgetviper.com/blog/wp-content/plugins/captcha/bws_menu/css/general_style.css
font-awesome | http://gadgetviper.com/blog/wp-content/plugins/js_composer/assets/lib/font-awesome/css/font-awesome.min.css
jetpack-icons | http://gadgetviper.com/blog/wp-content/plugins/jetpack/css/jetpack-icons.min.css
Skip to main content
Page Insight:
JS (8)
http://gadgetviper.com/blog/wp-includes/js/jquery/jquery.js?ver=1.11.2
http://gadgetviper.com/blog/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1
http://gadgetviper.com/blog/wp-content/plugins/wp-reviews/js/user-rating/jquery.rating.pack.js?ver=4.2
http://gadgetviper.com/blog/wp-content/plugins/wp-reviews/js/user-rating/custom.js?ver=4.2
http://gadgetviper.com/blog/wp-content/plugins/wp-reviews/js/colorbox/jquery.colorbox-min.js?ver=4.2
http://gadgetviper.com/blog/wp-content/plugins/responsive-lightbox-lite/assets/nivo-lightbox/nivo-lightbox.min.js?ver=4.2
http://gadgetviper.com/blog/wp-content/plugins/responsive-lightbox-lite/assets/inc/script.js?ver=4.2
http://gadgetviper.com/blog/wp-content/plugins/revslider/rs-plugin/js/jquery.themepunch.tools.min.js?ver=4.6.5
CSS (27)
http://gadgetviper.com/…dburner-form/control/fbstyle.css?ver=4.2
http://gadgetviper.com/…assets/css/bootstrap_tab.min.css?ver=4.2
http://gadgetviper.com/…s/css/bootstrap_dropdown.min.css?ver=4.2
http://gadgetviper.com/…tabs/assets/css/res_tab_icon.css?ver=4.2
http://gadgetviper.com/…ns/wp-reviews/css/flexslider.css?ver=4.2
http://gadgetviper.com/…nt/plugins/captcha/css/style.css?ver=4.2
http://gadgetviper.com/…t-form-plugin/css/form_style.css?ver=4.2
http://gadgetviper.com/…/nivo-lightbox/nivo-lightbox.css?ver=4.2
http://gadgetviper.com/…htbox/themes/default/default.css?ver=4.2
http://gadgetviper.com/…der/rs-plugin/css/settings.css?ver=4.6.5
http://gadgetviper.com/…views/css/user-rating/rating.css?ver=1.0
http://gadgetviper.com/…eviews/css/colorbox/colorbox.css?ver=1.0
http://gadgetviper.com/…/jquery-ui-1.10.3.custom.min.css?ver=1.0
http://gadgetviper.com/…plugins/wp-reviews/css/style.css?ver=4.2
http://gadgetviper.com/…wp-reviews/css/bootstrap.min.css?ver=4.2
http://gadgetviper.com/…ppets/assets/css/style_front.css?ver=4.2
http://gadgetviper.com/…ets/assets/css/bootstrap.min.css?ver=4.2
http://gadgetviper.com/…ns/wp-pagenavi/pagenavi-css.css?ver=2.70
http://gadgetviper.com/…/assets/css/font-awesome.min.css?ver=1.0
http://gadgetviper.com/…esome/css/font-awesome.min.css?ver=4.4.2
http://gadgetviper.com/…/plugins/jetpack/css/jetpack.css?ver=3.5
http://gadgetviper.com/…content/plugins/hide-this-part/style.css
http://fonts.googleapis.com/…ed:400italic,700italic,400,700?ver=4.6.2
http://gadgetviper.com/…form-7/includes/css/styles.css?ver=4.6.2
http://gadgetviper.com/…nal/bootstrap/td-bootstrap.css?ver=4.6.2
http://gadgetviper.com/…emes/Newspaper-child/style.css?ver=4.6.2
http://gadgetviper.com/…og/wp-content/themes/Newspaper/style.css
I’m wondering are able to provide a list of corresponding id’s for some of the above that I can try adding to the td-speed-booster.php file or should I just take every ID from the list and paste them into the speed-booster.php?
Any suggestions you can make would be greatly appreciated, I was considering trying Better Wordppress Minify Not sure is it’s compatible with the theme or not?
Cheers
This is a recent development this year with insights; kind of annoying; and why you get higher score with GTmetrix than insights score. With “responsive” design, images are often resized vs serving an entirely new image as traditionally it was actually faster since the server caches images, especially high request images. However, now the insights score is based on a “mobile user loading the content” as part of the “mobile first” movement, and so it seems there is going to need to be some kind of element added to all themes which load images much like the ad banners used to load the past few years prior to Google adding responsive ad units …
basically…
if viewport large = load big image
if viewport small = load thumbnail
Dumb thing is that in many cases, the larger image being loaded on mobile, e.g., iPad actually works better as a “resized” image, since it effectively makes a 640×400 96dpi image into a 340×200 200dpi image for retina displays by having larger pixel density when the large size is reduced on screen — hence why the images look so good on retina mobile devices without having to reload a “retina image…”
So….. stupidly, they are looking at “bandwidth” not “quality”…
Themes are basically going to have to be re-engineered to “by default” always make something like a 50% thumbnail and serve that on mobile devices.
Even stupider requirement because not all mobile devices have same viewport, and so it’s not practical for every page to constantly load 10 different size “featured images” based on viewport — this is what responsive design partially solved.
Upshot — you can live with suffering the warning for now — everybody is getting this — everywhere.
Not sure how TagDiv will address this, or if some super clever person comes up with plugin.
In our case we’re running mod_pagespeed and just updated last Friday (week ago), in hopes it would have solution for this as part of the “resize images” function (well, subset of “rewrite images”), and that isn’t even doing that with Google’s own technology!
(argh)….
Sorry for editorial. I started trying to deal with this April 1, and was super annoyed by the “actuality” of the issue.
Basically a featured image now has to be treated as an “ad module” and load a different size main image based on desktop v mobile. Show me any themes doing that right now. Nope. Annoying.
Hope that helped in some way …. main thing is to ensure the main images you’re uploading are as compressed as possible. I’ve been trying to make sure our larger images are no more than 25kb vs 32kb. If you have an image with 120kb that can be removed, it might be too big to start with.
No simple answer.
Hi,
Please make sure that your Social Counter plugin is updated to the latest version 2.9 and you follow this guide to set it: https://forum.tagdiv.com/how-to-manage-the-social-counter/
If you need to update the plugin you ca find it in theme files that you downloaded from themeforest in /plugins folder.
You can use the tagDiv Speed Booster plugin to move the css and js at the bottom of the page avoiding the page render blocking: https://forum.tagdiv.com/how-to-make-the-site-faster/ – https://forum.tagdiv.com/pagespeed-guide/
Please check Revolution Slider documentation if you want to use it: http://revolution.themepunch.com/documentation/
Thanks!
Hi,
I have tested your site with google page speed: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.autismestart.nl%2F&tab=desktop You can see that also your server cause this issue.
For image compression we recommend a plugin like Smush it: https://wordpress.org/plugins/wp-smushit/ or add the following code in functions.php:
add_filter( 'jpeg_quality', create_function('', 'return 50;' ) );
This will compress all images to 50%, you can change that value, after you add the code you have to regenerate all thumbs – https://forum.tagdiv.com/how-to-fix-strange-thumbnails/
Please set Leverage browser caching using this guide: https://forum.tagdiv.com/how-to-make-the-site-faster/ and you can disable page views from modules it may also help: http://screencast.com/t/TgDSU6xCA
Hope this helps!
Hi,
I’ve checked your and just the easy social sharing css is now detected as above the content: https://developers.google.com/speed/pagespeed/insights/?url=wefundex.com&tab=desktop
If you have added it to the speed booster plugin to be moved to the footer please make sure that you have added the stylesheet id right, as instructed in the guide/”Remove render blocking css/js – using the TagDiv Speed Boosterplugin (Advanced Users)” section: https://forum.tagdiv.com/how-to-make-the-site-faster/
This is recommended for advanced users only so if you don’t have php knowledge I suggest you get someone to help you with this.
The guide provides all the info you need to do this, you have to use the function provided in the tutorial, you could try to play with the priority, some plugins may load after it and that’s why it doesn’t return all js – http://screencast.com/t/7fhfjttAT8
http://codex.wordpress.org/Function_Reference/add_action
Hope this helps!
Please make new topics about your issues in the future.
Thanks
-
This reply was modified 11 years by
Lucian.
Hi,
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 color appears first then changes, because of the cascading property of css, the same regarding fonts.
What you can do is to change the color and the fonts directly into the css style-sheet which will make your colors and your fonts to load first and stay that way. You could also deactivate the plugin if you don’t need it.
For page speed you can also use our guide and some other forum treads:
* https://forum.tagdiv.com/topic/pagespeed/
* https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
* https://forum.tagdiv.com/page-speed-guide/
Thanks!
@suport002 Take your time. We definitely need the corrections to 1.7 but we need you guys to test them rigorously, and that takes time. Better > Faster
Just sayin.
After the update my pagespeed did even get faster. I am using w3 total cache and cloudflare. I disabled the lazy load functionality because I could not see the images on my Windows 8 phone. My server configuration is Linux, CENTOS 6.6 x86_64, Apache 2.2.29, PHP 5.4.36, MYSQL 5.5.42-cll, Perl 5.10.1
Maybe this helps the developers to eliminate some issues. Kind regards.
Obviously the quick and dirty method worked
(trick is to delete via filemanager on server; then upload via FTP)
Always amazed that works. 😉
So, 10 minutes … and I just switched back on Disqus, photo new items right side, third ad, and the pages are 10x faster at least … maybe 20x faster…
so… shazam… there you are. In our case 1.7 does NOT work well with all the snazzo-riffic hardware, bandwidth, mod_pagespeed and other stuff we have on tap. 1.6 literally rocks.
I do believe you are correct in that some other things related to php queries and whatnot are baked in someplace, as that is HUGE difference.
from theme panel, click home page button – 2 seconds in IE 11 Win7/64. Previously 20 seconds … soooooo….
okay, happy that worked.
I guess we’re not crazy, then 🙂
Hi,
I’ve checked your site, your images are not optimized, reducing their size will lower bandwidth usage. You also have to set the browser leverage cache, some resources will be cached on user browser meaning they will be downloaded only once reducing the number of requests. If you don’t have a cache plugin i recommend that you use W3 Total Cache, enable only page cache (do not enable the other options) – http://screencast.com/t/lOI30ncGfK8 . You can check this guide on how to fix those issues – https://forum.tagdiv.com/how-to-make-the-site-faster/ – and this one – https://forum.tagdiv.com/topic/tutorial-pagespeed-2015/ – and the discussions here – https://forum.tagdiv.com/topic/pagespeed/
In case this is not enough you could try to disable the view counter, it will lower the number of database queries. You can also check the plugins and remove the unused ones.
Thank you, Emil G.
Hi,
@rights reporter Please send an email at contact@tagdiv.com and a request for an older Visual Composer if you think that this can help you.
Also please check this guide for page speed: https://forum.tagdiv.com/how-to-make-the-site-faster/ – https://forum.tagdiv.com/topic/tutorial-pagespeed-2015/ – https://forum.tagdiv.com/topic/pagespeed/
@daemonlynx Please provide your site URL and also may help above links.
Hope this helps and sorry for inconvenience!
Hi,
@ShinAkuma5 – You have to compress the images and enable gzip compression – http://screencast.com/t/DrmfFEsgf4sT
Check this guide – https://forum.tagdiv.com/how-to-make-the-site-faster/ – https://forum.tagdiv.com/topic/tutorial-pagespeed-2015/ – https://forum.tagdiv.com/topic/pagespeed/
@Christopher – It looks like an empty before element, you could use css to remove it: – http://screencast.com/t/u8Q6ppLOD0h
.widget_recent_entries ul li:before {
display: none;
}
Thank you, Emil G.
-
This reply was modified 11 years by
Emil G.
Hello,
Just wanted to ask and make sure that when using the Ads in the theme panel that they are optimized to load as fast as possible ? hopefully before the content ?
or is there anything else we could do / optimize to get the ads to load first/ faster ?
In my personal experience , the content is loading up before the ads so sometimes people would scroll down before viewing my two ads above the fold ( one below title and one on side bar) ?
Cheers,
See the other post related to how to disable lazy loading of images. This is a great feature for mobile, but can have some unpredictable results with “some” setups. All major news portals are implementing this, as it makes the mobile experience faster, and long pages load more quickly, but I have also seen this kind of thing happen when I tested this myself with the Newspaper theme a year ago and chose NOT to use “lazy loading” … as sometimes it ended up being “no loading at all.”
It’s a great new theme feature, and SHOULD be there, but no way to one click turn it off.
You will need to edit a couple of files to turn that off for now, it seems.
I tested the new version on my test environment and all went very smooth. Love the new lazy images feature and the searching form is a lot faster I think. Thumbs up from my site!
Hi,
Thanks Chris!
You can also go trough this guide: https://forum.tagdiv.com/how-to-make-the-site-faster/
In general google synchronous ads, plugins and lots of theme customization or a high number of queries on pages slow the site.
You can also follow and use instructions provided in this tread: http://forum.tagdiv.coem/topic/pagespeed/
Thanks!
Hi,
Please follow our guide: https://forum.tagdiv.com/how-to-make-the-site-faster/ In general google synchronous ads, plugins and theme customization (especially fonts) slow the site.
Update your theme if you are not using the latest version to 4.6.2 following this guide and use FTP method: https://forum.tagdiv.com/how-to-update-the-theme/ and make sure that you update the plugins that come with the theme’s files from the /plugins folder.
Also you can follow and use all instructions provided in all this treads:
* https://forum.tagdiv.com/topic/pagespeed/
* https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
* https://forum.tagdiv.com/page-speed-guide/
Thanks!
I noticed that infinite loading was a bit sluggish. It seems to only load once you scroll all the way to the bottom and sometimes the user has to was a few seconds for it to show the next set of posts.
Would it be possible to start the loading before you reach the bottom? like 600px away from the bottom or something.
Also any other tips on making it load faster?
thanks
OK my friend 🙂
Thanks a lot Chris
Is there any thing else we can do to make my website faster?
Especially on mobile.
You don’t need to add the wp-config.php code … it can help along with removing all the comments. if you don’t know what you’re doing, best to leave that unless you’ve done everything else.
Basically the code does two things
1) removing comments makes the file load faster by cutting in half
2) adding the “actual” URL to bottom of your wo-config.php file means you’re saving a “lookup” for that all the time. Don’t do the “expert” items unless you know what they are for. 🙂
Hi
I have
31 on mobile
45 on desktop
I use
WP Super Cache
WP Smush.it
http://popefrancis-ar.org/
What’s your advice to make it faster?