- NewsmagRequirements for Newsmag
Update:
testing again today … managed to move another site from NM 1.6 and VC from Jan., to NM 1.71 with Shim Beta 1.02.
One minor issue with a full width (2 col) divider class on home page and full width text block (which I used to put some H1 text bottom of home page about the site).
Radu, sent you couple emails around 12pm PDT 5/11/15.
Presumably only downside to using the “shim” — is that one would need to switch VC back on to edit a page (e.g., static home page), and turn off the shim. I will be testing that usability here momentarily.
So, likely process would be
a) develop home page w/ VC turned on; shim OFF
b) switch off VC plugin
c) switch on TD shim plugin
d) check home page works properly
If one needed to edit
a) switch OFF the td shim beta
b) switch on VC
c) edit page, then repeat process in first block above.
Anecdotal for anybody wondering what is up with this beta testing 🙂
Not sure how mod_pagespeed would work with the swap out of VC vs shim …
==============
mod_pagespeed note:
for the first site I was testing shim with from last week;
I today switched back on mod_pagespeed (for those unaware, this is an Apache optimization plugin from Google which runs on server) and put back in all my htaccess optimizations and it’s working A-Okay (I had turned off all such optimizations for testing the SHIM plugin first try to avoid any conflicts with that).
Hi,
Please test your pagespeed https://developers.google.com/speed/pagespeed/insights/ and try to fix those errors. You can find out more about this in our documentation – https://forum.tagdiv.com/page-speed-guide/ and also Christopher topic help – https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
Also please disable unnecessary plugins.
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.
-
This reply was modified 11 years by
simchris.
Hi,
Did you enabled top menu from Theme Panel? – http://screencast.com/t/IE1skPN9PlQO as I have checked your site and the top menu is not visible also on desktop, that css help you to show it on mobile devices(where is hidden) – http://screencast.com/t/ce6z8jXRAZSv
Please check if you have this issue with smartsidebar also without any plugins active, leave only Visual Composer active and clear cache. Also test it without js/css minification.
About loading time please test your pagespeed https://developers.google.com/speed/pagespeed/insights/ and try to fix those errors. You can find out more about this in our documentation – https://forum.tagdiv.com/page-speed-guide/ and also Christopher topic help – https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/
Thanks!
HI, just to give you an idea ….
our site CaliforniaNewswire.com running the shim “beta 2” is right now trouble free; although I have not yet switched on mod_pagespeed but will be doing that today — it shouldn’t cause any issues.
By comparison, one of our other sites eNewsChannels.com – running 1.6 + VC got a huge influx of traffic last night, and some scraping from various syndicators, and our CPU went to
Time: Wed May 6 23:12:58 2015 -0400
1 Min Load Avg: 53.57
5 Min Load Avg: 14.23
15 Min Load Avg: 5.33
Running/Total Processes: 107/1111
Based on the Apache error log, that was all from that ONE site, being scraped from “54.160.202.74”
9-0 22697 0/51/52008 W 9.85 3 0 0.0 1.12 399.32 54.160.202.74 enewschannels.com HEAD /news/news-made-in-the-usa/ HTTP/1.1
One index page being scraped for all the headlines, used 9.85% of the CPU (!). And, um them be like QUAD XEON processors, too.
So, it’s pretty clear Visual Composer when ‘under load’ really whacks the system!
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!
O–M–G — it works! (!!)
Radu, your “shim” 1.0 BETA 2, worked wonderfully. Visual Composer not even on the domain (!).
CPU is “normal” SO FAR (I am double checking every 10 minutes; about to do NEW post to see what happens).
Sent you the long winded email (12:34pm PDT 5/6/15) with server info, and such; and the testing steps I did so far today with Newsmag 1.71B, SHIM 1.0 B2, speed booster on, mod_pagespeed OFF.
I am turning sidebars on/off, changing modules on sidebar to “mess” with it. Leaving home page as the “fancy” layout I already had as page from 2.5 weeks back when setup.
Only thing I’m doing slightly different at the moment is I have the built-in “related” posts OFF and using my long-time fallback “contextual related posts” plugin to just stick 3 text-only related item headlines bottom of each story (it checks content not just tags for last 365 days, and caches the output… nice).
Will update by email AND here, as I play with this more.
You have “rocked” my world today 🙂
Chris
============
SHIM active with 1.71B … 20 minutes and counting….
CPU usage
Last 1 minute 0.52
Last 5 minutes 0.55
Last 15 minutes 0.58
That’s a wee bit better than “32.0” methinks 🙂
-
This reply was modified 11 years by
simchris.
I have a low score on pagespeed: https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fdescubrirlahistoria.es (49 / 74). I have doubts about the JavaScript and CSS. I have this message (in spanish, I’ve traslated into English with Google Translate:
Remove blocking JavaScript and CSS display the contents of the upper half of the page
Your resources page has 16 scripts and 20 CSS resources causing a blockage. This causes a delay in processing the page.
Unable to view the contents of the upper half of the page without having to wait for any of the resources are loaded. Try to postpone or load asynchronously resources that block the display, or insert critical portions of these resources directly in the HTML.
How could I improve?
Hey Lucian,
I’ve check with a few friends and they all say that my site looks alright now. This is what we all see:
http://www.screencast.com/t/11inp7dbS
Can you clear your cookies and cache of your browser and check to see if that is what you see?
I replaced my style.css code with the original, not minified – when I minify my style.CSS code, the mobile site completely messes up – do you know why? It appears as the above. It is recommended to minify in Chris’ pagespeed post (he outlines how to do it) – but it makes the mobile theme un-useable.
Hi, well … it looks like there is some fundamental incompatibility with the 1.7x fork of NewsMag and/or Visual Composer – and our system. I was having repeat server hiccups the past 14 days on/off again, which I thought “might” be related to the update we did of mod_pagespeed around the same time as installing NewMag 1.6 on one of our two highest volume sites.
After numerous “turn things off and see what happens” … I ended up switching the high production site back to an icky version of our old Woo Canvas layout without all our customizations (e.g., it won’t keep sidebar on iPad portrait, home page sucks, etc.) — and we rolled back mod_pagespeed one version. Server returned to normal.
Only normal minor php green to yellow doing something like regenerating 10 years of content thumbnails or republishing 15,000 pages of static content (.shtml/SSI) on our #1 site (not running WP, except old version of Newspaper for my personal blog with 10 entries or less!).
Okay — so, today, thinking we’re back in black — I installed NewsMag 1.7.1B, switched on Visual Composer, switched on Newsmag, switched back on our home page from draft, set that as static front page. Within 30 min. server went from typical ‘2″ load to “32” load and starting kicking me CPU warnings.
Time: Sun May 3 18:41:33 2015 -0400
1 Min Load Avg: 22.51
5 Min Load Avg: 10.53
15 Min Load Avg: 6.12
Running/Total Processes: 31/1043
As the above went to “32” while I was refreshing on server console, I had to restart Apache, then “Killed” visual composer, switched theme back to Woo Canvas (waaaah! Canvas….) …. server back down to normal:
CPU usage
Last 1 minute 1.02
Last 5 minutes 1.19
Last 15 minutes 1.06
Not sure yet what to do. NewsMag 1.4 and VC were rock steady, 1.5/1.6 started to see some increase in issues, 1.7 in any flavor kills us entirely and is not usable for our particular system.
My options right now seem to be:
a) try using theme without Visual Composer, try the custom home page blocks method with widgets; see if server will eat that without choking
b) build a new theme ourselves based on bootstrap 3 + siteorigin … (waaaah!)
c) go back to hacking a custom version of Woo Canvas (waaaaah!)
d) go on vacation and let everything just melt and go out of business … (hmmm… tempting …)
So, was supposed to be working on my ecom system on Sunday, but dealt with this for six hours. Too much fun.
Not much of a simple solution on this one, for me, at least.
I suppose I could switch on the 1.71 theme without VC and see what happens…. hmmm…..\
==================
CPU GenuineIntel, Intel(R) Xeon(R) CPU E5-2620 0 @ 2.00GHz
Version Parallels Plesk Panel v11.5.30_build115130819.13 os_RedHat el6
OS CentOS 6.5 (Final)
System Uptime: 202 day(s) 00:35
PHP 5.4.22-28.el6.art
MySQL 5.5.33-20.el6.art
Seems like maybe I need PHP 5.5 to use the new version of these things.
Well, VC does work
— obviously if you delete the old folder, you need to upload a new fresh copy — assuming you did that ?
Start up without ANY other plugins running; turn off all caching.
Make sure your server is setup for php to have at least 256MB RAM allocated to it.
Clear the cache in your web browser.
Typically best to update WP, before updating theme, in future… just a thought. Seems to work better than way.
If above doesn’t work, perhaps try:
First clear/disable any server caching, turn off mod_pagespeed if using it.
a) switch to default theme
b) deactivate visual composer
c) deactivate all plugins
d) switch on visual composer
d) under appearance > preview theme for newsmag — if it won’t ‘preview’ at all; then you need to do CLEAN install of the theme, td plugins, and visual composer
e) once you can ‘preview’ the theme, then you can activate it and it will work.
f) then turn on plugins and if it dies, disable the bad plugin
Went through this issue last week, actually.
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!
Hi,
@pet76 If you use 1.7 version of the theme you can copy only the patch files.
Also if you want to make a full update please follow this guide and use FTP method – https://forum.tagdiv.com/how-to-update-theme/ and also update plugins that come with the theme files from the /plugins folder.
@hintzebros and @pet76
Check the treads/guide below for more info on how to customize your site’s page speed and other matters please 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/
Also please post your issues in newsmag section – https://forum.tagdiv.com/forum/newsmag/
Thanks!
On some sites we turn off the theme counter, and use WP-PostViews — which we’ve used for years; on some sites we use the theme counter to show the count on pages, and manually change the theme counter setup file to change the field to “views” which is the datafield we’ve used for years and years (9?). Long time — I was younger then 😉
So, that way we use the existing field, keep old counts, and then theme counts “from now on.” If we turn off the theme for some reason, we switch WP-PostViews back on, which uses the “views” field, and no loss of tracking.
Anyway, that’s how I do it.
*addition:
we don’t use w3cache so, don’t need to use the “workaround” some folks are doing or the ajax counter. Since we have a dedicated server we’re running mod_pagespeed via opcache and I have 32GB of RAM to play with, not so necessary.
One annoying thing we have right now is somebody pinging our RSS feeds every 5 minutes and causing some kind of php thing to go from green to yellow EVERY 5 minutes, then every 10 minutes, then 20 minutes later; then exactly one hour later. Really weird. Can’t figure out where/what/when that is happening.
Always something 🙂
-
This reply was modified 11 years by
simchris.
Hi,
A test on our demo shows that its mobile friendly and doesn’t have any issues: https://www.google.com/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Fdemo.tagdiv.com%2Fnewspaper%2F
According to google your site appears not mobile friendly due to multiple reasons: http://screencast.com/t/082WVTNfz
I suggest you test this first without using any plugins, leave just theme’s Visual Composer plugin and also make sure that you disable all html/js compression and test again.
Also make sure that you follow their instructions on how to unblock resources and let google bot view your page correctly, all this guides/tutorials are provided by google in your test page:
– https://developers.google.com/webmasters/mobile-sites/mobile-seo/common-mistakes/blocked-resources?hl=en-US&utm_source=MFT&utm_campaign=MFT&utm_medium=incoming-link
– https://developers.google.com/webmasters/mobile-sites/references/faq?hl=en-US&utm_source=MFT&utm_campaign=MFT&utm_medium=incoming-link#whats-the-difference-between-the-pagespeed-insights-ux-score-and-the-mobile-friendly-test-results
Please also note that the mobile friendly test is a new feature from google, the mobile friendly algorithm being released by Google on April 21st so we haven’t dealed enough with it to fully understand it. You can do it yourself though and go trough their guides/documentation to learn more about it: https://developers.google.com/webmasters/mobile-sites/get-started/?hl=en-US&utm_source=MFT&utm_medium=incoming-link&utm_campaign=MFT
We will release the new version 5 of newspaper theme which will be a major update with new design and lots of new features and we will make sure that we’ll test it with this new tool from google.
Thanks
Try this thread: https://forum.tagdiv.com/topic/pagespeed/ 🙂
Hi Lucian,
I activated TagDiv Speed Buster but nothing changed and no active caching plugin is enabled:
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.tunandroid.com%2F&tab=mobile
Any suggestions?
Best.
Main differences (my impressions on this topic only, not ‘official’ in any way)
Newspaper — wider layout for those doing things like 3 column newspaper pages, or where a wider post area needed to do 2 columns of text with photo wraps, for presentation “like a newspaper,” or for those who want a larger playing field. Support for wider ad units in post area.
NewsMag — more compact layout with keylines, like a magazine or older TIME magazine print layout where everything is boxed. NO “wide screen” layout (fixed more narrow grid).
“Bells and whistles” may end up being same between the two at some point, both may lose any R-T-L support, both may support the new TagDiv “API” to hook in extra functions and features.
Main difference is the “width/layout” area and hence slightly different layouts and modules with visual composer, and slightly different default and custom layouts on “category/archive” pages.
In our case, we chose to go with Newsmag as it was more what we wanted when Newspaper was first launched and did have a narrow layout. We wanted to migrate from our in-house responsive (grid 960 custom layout, pre bootstrap) theme, and/or Woo Canvas to seomthing more “shiny and cool” … with “some sense of pagespeed optimization” which most foundries were clueless about in Fall of 2013, but Tagdiv was trumpeting (as we had been doing so here).
I think some folks might end up buying both and trying them out with your specific content and images then choosing the right one for your needs, knowing you’ll have similar workflow, plugins, and “bells and whistles.”
My two cents anyway 🙂
Just to clarify, it’s not really a ‘theme’ issue – for those curious. It’s an issue with Google’s bot having issues with scraping pages to verify actual content vs spammers who try to trick google with content in META data that doesn’t match what is actually on the page.
So, this is why it “seems” like Google’s bot is just ignoring the “description” tags; they use that as “hint” then read the page and look for stuff in certain common “blocks” of content, like “first full paragraph of text on page” …
I am trying to sort out why this happens on some templates, layouts and not on others, across various top websites and small ones, too.
For example I tested page from WIRED mag the other day, and it grabbed the first paragraph; where I tested a page from our main news service portal — which does not use WordPress or any popular CMS [in house system we built in 2005 and I built the templates myself from scratch using customized bootstrap 2.3x code] — and these “should” work but also don’t get the first paragraph captured by G+.
(e.g. this page “should” work — I built it myself 🙂 but does not:
https://www.send2press.com/newswire/tickets-on-sale-for-music-festival-drawing-big-name-acts-to-ohio-aiding-cancer-charities-2015-0416-03.shtml )
this page on wired.com does NOT work (odd they have no G+ buttons; bad SEO!)
http://www.wired.com/2015/04/porsches-new-boxster-made-just-driving-enthusiasts/
So far does NOT appear to be these specific elements, with NewsMag
a) “wide screen” headline — across top, 2 columns
b) category buttons/links above headline, after breadcrumbs (on/off no diff)
c) not issue with using mod_pagespeed for comment and whitespace removal, or rewriting images
d) not issue with https vs non https
*anecodatal: have run into couple of issues with Google News, when scraping page couple of times they grabbed the category buttons in place of the story headline or appended them in front of headline — contrary to news XML sitemap — stupid, stupid, stupid! Possibly need more “separation” from those and headline — not yet sure on that.
So, I’m playing with it in the midst of doing major security audit of WordPress plugins, and code across 15 websites (ugh). Only time we had a WP website “hacked” was way back (something like v 1.6 or 2.6 or something? — Al Gore’s website hacked same day ours was …Nov 2007 for those who know their beans). So, we stay on top of security stuff pretty strictly but these new vulnerabilities are a nest of vipers waiting to get milked for their toothy sting juice (have fun with that sentence English translators!). 😉
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
Hello,
Chris posted this in the Pagespeed topic:
“Open style.css in a text editor, such as TextPad on Windows, BBEdit on Mac, or other pure “text editor” – notepad on windows works (NOT WordPad!!)
Go to http://cssminifier.com/
1) in your text editor, select all in the style.css file (CNTRL+A), and copy (right click copy, or CTRL+C)
2) paste into the left box on above website (right click paste or CTRL+V), click minify
3) copy all from right box
4) paste back into your style.css file on top (over/replace) — it should now look line one long string of code, not all the line breaks. This is what “minification” does; it removes spaces and line breaks (returns).
Optionally, make new text file called style.css and upload over the original (assuming you’ve made a backup). With a good text editor, you can also save with proper line breaks (for Unix servers, for example you should save stuff with “unix line breaks” and not “windows line breaks”) — hence something like TextPad 5 or BBEdit are good choices for this kind of stuff. Other freeware “programmer editor” software works, too.
This is how you manually minify the main style.css file. Must be done after every theme update; but literally takes less than 5 minutes.
You would need to replace the original style.css file either via FTP, or using a file manager in your hosting panel.”
I have 2 questions:
1. Will this also work for Newspaper (the entire pagespeed post?)
2. It says you need to replace the original style.css file – can I just replace the minification in the editor in wordpress?
Best,
Carly
No way to fully remove the “render blocking” issue unless you custom engineer your website from scratch to load pages in “chunks” — which is virtually impossible with off the shelf product like this; so technically you will almost ALWAYS get that warning. So, the “goal” would be to address everything ELSE, and “tune” your site without any external elements being loaded, then switch back on the external stuff (e.g., adverts, etc.).
I don’t use Cloudflare, so not much help there.
The reason I don’t provide “support” anymore is I don’t work here; and every server and setup has different issues which are unrelated to how “I do it.” So, not much help for some things like CLoudflare — I stopped using our Amazon CDN for just such issues like IE randomly not loading font awesome, and Firefox just is a P.O.S. with a whole slew of java issues (e.g., our old ecom system won’t load via mod_SPDY with FIrefox, but works with every other browser known to man — forced me to turn off mod_SPDY and having to migrate our ecom to woocommerce … !). Stupid FF.
Thanks for not bugging me …
The other reason I stopped answering some questions is people would not bother to actually READ my help post and ask if their htaccess file was okay. 😉
I have not bothered putting anything in the speedbooster plugin as not a huge help with most stuff; and many plugins that I use actually have option to load JS in footer anyway, so no need to hack that into the plugin.
Upshot — I have not used the plugin beyond its default settings, since mod_pagespeed takes care of a lot of things (except the latest update which was being overloaded by a legacy site with a loop of doom with timthumb…. but woo taking care of that finally..)
blah blah. Anyway… sorry no magic answers today !
@Chris I have gone through whole of your tutorial and fetched some very useful information from there especially optimization through functions.php. However,in one of your post you mentioned that no more pagespeed support (My understanding)so I deliberately avoided requesting you.
I am little stuck with Javascript and CSS error. I have tested it with and without speedbooster plugin and result almost remains the same with no difference in score with almost same number of items appearing in Pagespeed insights.
Cloudflare resolves the JS issue but menu typography does’nt work well in FF and IE when served through CDN.
Can you help me in this regard?
fyi, check out some of my updated info on my optimization sticky regarding adding TTL for the .woff fonts to remove that “error” item from pagespeed insights 🙂
Note the added font related elements in my htaccess file version in the dedicated sticky topic!
Chris
I don’t have these issues,it’s how you set your site up it’s not the theme fault are the speedbooster..
Here is my site link with pagespeed https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fjahliveradio.com%2F