- NewsmagRequirements for Newsmag
hi.
I have migrated to a new server and system stopped creating resized versions of uploaded images after migration. My images are looking really bad and i am getting warnings from pagespeed since the image sizes are quite big.
Could you please help me resolve this problem?
my domain is http://www.biliste.com
Thanks in advance
Regards, Onur
This is what helped my site become as fast as possible even hitting up to 85+ on Pagespeed.
https://forum.tagdiv.com/topic/tip-how-to-easily-minify-your-css-without-breaking-your-site/
I hope this helps you.
@mboydnv
I do agree on being a bit against the “bloated one plugin for all” concept. I used to hate YOAST. We used to build our own themes, or hack things like Canvas to add custom if/then and queries for meta data in our headers. Yoast simply made it easier for us to deploy and add some things more quickly. But it has gotten a bit big and bloated and every major version it crashes and burns. I certainly don’t think it’s the only game in town, but it does work for a lot of folks. Of course, we’re using some other things on some sites, just because they’re smaller and work as well.
As for canonical tags — the reason they are useful for many sites, is for things like the pending /amp/ protocol from Google rolling out in 2016 to speed up mobile pages separate from things like mod_pagespeed or http/2 (previously inclusive of mod_SPDY). So, for example mobile accelerated pages will soon be loaded as so:
yoursite.ooo/name-of-my-article/amp/ — in this context, the canonical tag is useful to identify the /amp/ version is not another page, but an alternate “version” of the same page.
In our case — I should have stated — we syndicate our news from some sites, and the canonical tag helps identify we did it first, and when we link back to the parent page from the child syndicator.
Also be aware that article on MOZ is from 2013, and going into 2016, the canonical tag is more mature now.
However, you are correct — if you have no duplicate versions of content, if you’re not dealing with malformed inbound links to your site like /site/name-of-article/?12hy6 — where Google is saying you have duplicate content for too many 404 errors — then you may not need it !!
In our case, it helps control inbound malformed links from external sites, and also because with modern social media you have a dozen sites inventing their own links to your website page; meaning FB, Twitter, LinkedIn, etc. all use a shortcode in some case to link to you, and the canonical can help identify that the URL on your site is the de-facto CORRECT one, even though it should be self evident being on your site.
I’m not arguing you need to have them, just saying they are useful and do NOT hurt inbound traffic in any way. Just like adding a default img tag, or an author tag, or other meta data; it’s read by those systems that have use for it, and other things ignore it.
Anyway — just some food for thought 🙂
Hi!
I have updated theme, wp and plug ins, but WP Antivirus Site Protection still send warning for this files:
“””””””””””””””””””
WP Antivirus Scan Results
Latest Scan Result
No files for review.
Review is required
/wp-content/plugins/js_composer/config/templates.php
/wp-content/plugins/maintenance/js/select2/select2.min.js
/wp-content/plugins/w3-total-cache/lib/CSSTidy/data.inc.php
/wp-content/plugins/google-pagespeed-insights/google-api/src/contrib/Google_AnalyticsService.php
/wp-content/plugins/js_composer/include/classes/editors/class-vc-frontend-editor.php
/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/panel/td_view_import.php
/wp-content/themes/Newspaper/includes/wp_booster/wp-admin/panel/td_view_import_export_settings.php
* Please note: Hackers can inject malware codes inside of the normal files. If you delete these files, website can stop to work or will be not stable. We advice to send request to SiteGuarding.com for file review and analyze.
“””””””””””””””””””
Notice, I have update all this files and plug ins and theme tonight, and still this morning the WP Antivirus Site Protection marked this as potential malware.
Please help.
Hello,
I understand what you mean now, and there is a an explanation for it.The featured image uses a thumbnail while images inserted into a post use the full size. So when compressed on a mobile phone, the difference will be visible between a full size image ex: 1920×1080 and the thumb used by the theme for featured image which has a size of 696×0. This choice was made for pagespeed. You can override this thumbnail if you want by editing the theme files. You need to edit the template you use. Every post template has a separate file corresponding to it:
http://screencast.com/t/YBaK9ToiDFm Inside these files you will find the code used for image and the thumbnail: http://screencast.com/t/irKCRL3Qm You siumply need to change the td_696x0 to full and then the full image will be used for the featured image.
I hope this helps.
Thank you!
If you look/search for my ‘Chris’ optimization’ post in the newsmag forum, I point to a working solution (recommended by Google!) to properly minify .js by reading it semantically and functionally and re-encoding it, vs the dumb way of simply removing spaces and line breaks as with CSS minification — which is why it never works right with most tools (not even mod_pagespeed does it consistently right).
I don’t have the link handy but it’s in my optimizations thread which you can search for since it’s no longer ‘sticky’ here. 🙂
It’s the only tool I’ve found the past 5 years that WORKS.
Thank you for posting this solution. I’m sure it will help people who struggle with pagespeed.
1. Okay on the GTMetrix, you will see a Minify CSS. click on “see optimized…”. You will copy it and then go to your Editor, select or clear the style.css, then paste the minified css.
2. Search for EWWW image optimizer plugin, install it and “Bulk optimize” all your images.
3. Then search for Regenerate Thumbnails Plugin. You should Regenerate your thumbnails that way they will fit in your blocks.
4. Download WP Super cache and set it up, use mod_rewrite, it is the fastest.
5. You should get Cloudflare, and set it up as well then click on minify css and javascript but not html because WP Super Cache handles that for you.
All these should reduce your page size and increase your pagespeed.
All these settings I gave you made me score 90+ on desktop and 70+ on mobile before i added the Ads 😉
Factwide is my website, you can test its pagespeed to verify my claims.
Before I added Google Ads, my pagespeed was incredibly close to 90+, flunctuating between 85-90 then on Mobile was just a measly 65-75
Not too bad for now. How did I accomplish it.
1. Bulk Optimize your images with EWWW Image optimizer.
2. Use the regenerate thumbnail plugin to regenerate your thumbnails so that they can fit properly in the blocks.
CSS Minification made easy.
3. Go to GTMetrix and Analyse your URL.
4. You should see a Minify CSS followed by a percentage. Click on it to see more of the recommendation.
5. You will see your theme’s style.css in my case it was /…/Newspaper/style.css?ver=6.6
6. Click on see optimized version. It will open in a new tab with your CSS minified.
7. You select all ( Ctrl+A) and Copy (ctrl+C) then go to your theme editor (ie Appearance> Editor) in WordPress. then your style.css, you select all again and Paste (Ctrl+V).
That is it!.
This is just my way of giving back to everyone here that finds time to answer my silly questions and help me out in their little ways. Tagdiv support team, you guys rock, and Chris S as well.
Oh, and my site, Factwide, is proudly Tagdiv Newspaper!.
Hello,
I have checked your website on gmetrix and google and it seems there is still work to be done. You can use speedbooster to move more render blocks to the footer by following the method here: https://forum.tagdiv.com/how-to-make-the-site-faster/ and to optimize images as you get a notice about those to. You can use wp-smush https://wordpress.org/plugins/wp-smushit/
Unfortunately we can only offer suggestions. It is still you who is going to have to make the modifications necessary. For every problem highlighted by gmetrix or google, there is a how to button next to it. Please use it to get an idea on how it can be done. Also use google to find lots and lots of pagespeed insights online. More than we can ever offer.
Best of luck on your project!
to improve your score just need to follow Google Pagespeed insights. There isnt a magic trick, just read what Should Fix, what Consider Fixing and do that.
Most of the insights things need programming skills 🙂 . If you havnt you can pay a programmer to do that
+1 Chris S.
And you have many plugins installed. If you try newspaper whit only provided plugins installed you site could load very fast and whit excellent pagespeed.
Well… your site is generating both 503 and 522 errors; so likely better hosting could be a good place to start.
PageSpeed Insights received a 503 response from the server.
Sir, i have done everything exactly you said but still I get Grade E and F while checking on GTMetrix and even bad score on PageSpeed Insights so how can i improve it?
Hello,
Maybe this will help: https://varvy.com/pagespeed/enable-compression.html -https://gtmetrix.com/enable-gzip-compression.html
We cannot provide a code for your cpanel as different servers have different configuration.
You will have to contact your hosting provider.
Thank you!
well, first of all google pagespeed its diferent than website speed 😛
PageSpeed
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.upsctoday.com%2F
Google Page Speed show you / make recomendations to get better web site experience. Like your problem now
Optimize CSS Delivery of the following: You should move to footer CSS related to your plugins wysija-newsletters, contextual-related-postsm, Easy table, and add to any, because they are blocking your site render speed.
You should move to footer wp-spamshield too.
Web Site Speed is how faster your site its loading for everyone.
https://gtmetrix.com/reports/www.upsctoday.com/FR1sMTBQ
http://tools.pingdom.com/fpt/#!/bIZ6TD/http://www.upsctoday.com/
Reduce server response time
You can check waterfall/timeline and see how your server is responding slowly. I check your source code and i cant find eneabled some cache plugin, Do you installed?
Only your server its making 4 seconds initial waiting time to start loading site resources. This cloud be dropped to 0.2 seconds if you activate Wp-cache or Zen Cache (free plugins)
Sir, I have done everything as u said and u check out the huge improvement but still it is a bit slow can u check on https://developers.google.com/speed/pagespeed/insights/?url=UPSCToday.com and let me know what other changes do I need to do
Waiting for your reply
Thanks,
Sharoz Dawa
First of all you need to fix all your site issues. https://developers.google.com/speed/pagespeed/insights/?url=UPSCToday.com
-On newspaper theme panel go to blocks and select what blocks will you use in your site design.
-Go to plugins and install force and regenerate thumbnails. Activate plugin and run it. (may can take a while, depending your images quantity ).
-Before finish you have now all your images cropped correctly.
-install some cache plugin like wp cache, config an run it.
-Install and activate Tagdiv booster and.
Now your site it’s fast like a bullet.
Note: you site upsctoday has a lot of Js an Css files on every loading charge, you need to read documentation to setup tag div speed booster and send all these files to the footer in order to set your site blazing fast
Hi,
Yes I see that these files are external fb files unfortunately I cannot provide a solution for this, also the theme like button comes from facebook.
For images try a plugin like Smush it – https://wordpress.org/plugins/wp-smushit/
Or add the following code at the end of the functions.php file:
add_filter( 'jpeg_quality', create_function('', 'return 50;' ) );
It will compress all future added images to 50%, but you have to regenerate the thumbs for the images that were already uploaded, you can doit using the Force Regenerate plugin – https://wordpress.org/plugins/force-regenerate-thumbnails/
Regarding the speed booster plugin I have provided above a solution so it will work with all the plugins or you can check if it works only with tested plugins active:
To always enable speed booster remove or comment this code – http://screencast.com/t/RZLIOPUNdqh
Please note that Speed Booster is an optional plugin so you can disable it if you don’t want to use it and search for an alternative.
I also suggest to not use many plugins as your pagespeed will be affected.
Thanks!
Hi,
Yes, the difference between 6.6 and 6.6.1 is just Social Counter plugin.
For future you can always check the update_log file to see what files were modified.
Regarding the speed, this was not affected by the Social Counter plugin and we will try to improve it for post pages. If you test the homepage you’ll see that it still at 89 – https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fdemo.tagdiv.com%2Fnewspaper&tab=desktop
Thanks!
Hi
It seems like that…
I just updated only the plugin folder social counter via ftp
…rather it does not seem there are still improvements to counter facebook worsening dramatically PageSpeed from 90 to 74
Any news on this?
Thanks
hmmm… kind of kewl …
testing this on our production site (yeah, I know, crazy?) ….
basically after install, and then flushing permalink cache, we get a new schema added which appends /amp/ to end of all post URLs, giving us an optimized “instant mobile friendly page” …
seems to work:
e.g.,
This is a couple of versions back of Newsmag, not ‘fully’ optimized per my own guide on the forum (ahem), and running mod_pagespeed.
Well.. it makes the site compatible with the AMP protocol. If you read-up on what that is, it’s self explanatory.
It creates a super optimized version of page for mobile which loads at pagepermalink/amp/
I was curious of anybody had tried it yet with TagDiv themes, or just *any* WP website at all?
forgot to include link to plugin in repo:
https://wordpress.org/plugins/amp/
I guess the main thing it does is strip out javascript ?
Not a lot of info out there yet — like in our case running mod_pagespeed would it be necessary?
I think we chose to use opcache/APC + mod_pagespeed here …
but Varnish has been around quite awhile — lots of folks use it with NGINX server setups, especially. We’re Apache-centric here (at my company) so we’re kind of using the stuff built into Apache, CentOS, Plesk, where possible.
Waiting on HTTP/2 support to get one dot newer with Apache, as this replaces SPDY and some other stuff and is the cat’s total meow! 🙂
Hi,
I’ve checked your site and the Gzip compression is not active – http://screencast.com/t/RDxvoBS3
Usually it can be easily enabled from the C-Panel area (or similar administration panel), just check the host documentation to see how it can be done.
You can also check the following guide – https://forum.tagdiv.com/how-to-make-the-site-faster/ – and this one – https://forum.tagdiv.com/topic/tutorial-pagespeed-2015/
Thank you!
