Search Results for 'minify'

Yes…. follow the suggestions found in this sticky topic.
1) make sure you have proper expiration headers
2) make sure you have gzip/deflate running on your server
3) use the speedbooster tagdiv plugin
4) use an image optimization tool (e.g., smushit, or similar) and/or set compression level in your functions.php file

Use GTMetrix to see anything you need to fix except for minifying the CSS and Java; if you wish to minimize that you can do so using the tips I’ve included for using CSSminifier, etc.

However, expiration headers, cache control headers in htaccess file, and gzip/deflate running on your server are good for 20 points of your problem and will get you into the 85 range once you solve that.

Thanks for your suggestions Chris, I’ll probably minify the js and css files manually and then replace them but what about combining? Is there something out there for this purpose too?

And I would like to hear more about your mod_pagespeed html minification, may I try it out if you share your codes. 🙂

Cheers

What I do is use the links found in my posts under the page speed topic, and just manually minify the main style.css file, and main .js file.

E.g., for CSS:
cssminifier.com

for JS:
http://gpbmike.github.io/refresh-sf/

basically paste the main style.css file into the minifier, then copy and paste the minified version back into the styles file and then upload/over-write main one on the server. Takes 2 minutes. Done.

If you read the other sticky on speed by “Steven”, he has been using a minify plugin that seems to work.

In my case mod_pagespeed minifies my HTML, so don’t have to deal with that. I then use cssminifier to optimize the main css file.

Since I have to do couple of hacks to my functions.php file, and switch on the author name on posts, home page modules, and swap out the field name for view counter to our existing field with EVERY update, it’s not much more work to do the CSS and JS minify on main couple of files each time as well. No plugins needed 🙂

And, another option – if you use GTMetrix to test your site … they can actually spit out “optimized” versions of stuff for you, which is cool.

Just as an anecdote on minification:
minifying the main style.css file will take the size from 286kb to 204kb, as savings of about 80kb, which is actually quite a bit.

• This reply was modified 12 years by simchris.
• This reply was modified 12 years by simchris.
• This reply was modified 12 years by simchris.

Thanks @Chris
I just wanna minify the css, html and js and i don’t use total cache. Any other plugin?

😉

@sbo

Hello!, i go to the template page, click on edit the big slider, re enter the number of post you want and save it again.

Then delete all the caches, and disable JS minify if you have it enabled. That work for me

This may or may not work for you with this theme; but general settings from a blog called online media masters, and I’ve seen the same settings elsewhere would be as so:

(THIS MAY BE INCORRECT FOR THIS THEME: BE SURE TO TRY SETTINGS FOR YOUR SETUP: KEEP BACKUPS, AND KNOW HOW TO GO BACKWARDS BEFORE USING ANY CACHE!)

—————-
(to quote …)

General Settings
◾Leave unchecked

Page Cache
◾Page cache: enable
◾Page cache method: disk enhanced

Minify Settings
◾Minify: enable
◾Minify mode: auto
◾Minify cache method: disk
◾HTML minifier: default
◾JS minifier: JSMin (default)
◾CSS minifier: default

Database Cache
◾Database cache: enable
◾Database cache method: disk

Object Cache
◾Object cache: enable
◾Object cache method: disk

Browser Cache
◾Browser cache: enable

CDN
◾CDN: enable
◾CDN Type: MaxCDN

Reverse Proxy
◾Leave unchecked

Network Performance & Security powered by CloudFlare
◾If you have a CDN: leave unchecked
◾If you don’t have a CDN: sign up for CloudFlare and use the settings shown in the picture

Note: W3 Total Cache and CloudFare have integrated their products.

Monitoring

You’ll see an option here to sign up for New Relic. This is a tool for monitoring your web and mobile apps performance. It’s more for developers but if you are one, you probably already know about this service. Otherwise, leave it blank.

Licensing
◾Leave blank

Miscellaneous Settings

If you want to see your Google Page Speed score in your WordPress dashboard, there’s instructions in this menu. Otherwise, here are the settings I use:
◾Enable Google Page Speed dashboard widget: enable
◾Verify rewrite rules: checked
◾Enable file locking: unchecked
◾Optimize disk enhanced page and minify disk caching for NFS: unchecked

Debug
◾Leave everything unchecked

Import / Export Settings

If you want to use the same W3 total cache settings across multiple websites, export your settings and import them into the new WordPress sites.

@Manuel Fink my settings as follow..

1.Loads javascript files from Google Libraries

2.Defers parsing of javascript files.

3.Removes query strings from static resources

4.Load CSS asynchronously

5.Minify all CSS styles

6.Insert all CSS styles inline to the footer

Remove junk header tags

I’ve choose all of them…

NO,Cloudflare does that for me so i don’t need plugin also that speedboost have a opition to help you with minification ur css files..

SPEEDBOOSTER >>>>Minify and inline all CSS styles and move them to the footer to eliminate external render-blocking CSS and optimize CSS delivery.

Hi @Manuel the best plugin right now is “Speed Booster” the owner done some awesome updates today and made the plugin more powerfull so i’m only using that one along side the “Leverage Browser Caching plugin”.

@thomaspe i recommend you to use the “Speed Booster” plugin as well which work very well with the theme.

Speed Booster

Main Plugin Features

Eliminates external render-blocking javascript and css in above-the-fold content.

Moves scripts to the footer to improve page loading speed.

Loads CSS asynchronously to render your page more quickly and get a higher score on the major speed testing services.

Minify and inline all CSS styles and move them to the footer to eliminate external render-blocking CSS and optimize CSS delivery.

Lazy loads images to improve page load times and save bandwidth.

Changes image compression level to keep file sizes smaller.

Loads javascript files from Google Libraries rather than serving them from your WordPress install directly, to reduce latency, increase parallelism and improve caching.

Defers parsing of javascript files to reduce the initial load time of your page.

Removes query strings from static resources to improve your speed scores.

Removes extra Font Awesome stylesheets added to your theme by certain plugins, if Font Awesome is already used in your theme.

Removes junk header tags to clean up your WordPress Header.

Displays page loading time in the plugin options page.

Displays the number of executed queries in the plugin options page.

Displays the Peak Memory Used in the plugin options page.

@manual
best bet for my stuff, is go “backwards” from here as the stuff for htaccess file still good, for Apache/Linux. I’m only running nginx for some stuff on our server, we use Apache for compatibility with 20 years of content and some stuff not practical to reinvent at this time.

mod_pagespeed … I am running kind of a moderate number of things with defaults on server wide, then htaccess for local per site/folder controls/over-rides or “off.” With nginx I think you have to use a config file.

Anyway…. here’s my htaccess minus the 301 stuff:

<IfModule pagespeed_module>
ModPagespeed on
ModPagespeedEnableFilters collapse_whitespace
ModPagespeedEnableFilters move_css_to_head
ModPagespeedEnableFilters combine_css
ModPagespeedEnableFilters remove_comments
ModPagespeedEnableFilters rewrite_images
ModPagespeedEnableFilters insert_dns_prefetch
</IfModule>

# start WordPress
(removed; might be diff for other setups :-)
# END WordPress

AddType text/javascript .js

# BEGIN Expire headers
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 5 seconds"
ExpiresByType image/x-icon "access plus 2500000 seconds"
ExpiresByType image/jpeg "access plus 2500000 seconds"
ExpiresByType image/png "access plus 2500000 seconds"
ExpiresByType image/gif "access plus 2500000 seconds"
ExpiresByType application/x-shockwave-flash "access plus 2500000 seconds"
ExpiresByType text/css "access plus 700000 seconds"
ExpiresByType text/javascript "access plus 700000 seconds"
ExpiresByType application/javascript "access plus 700000 seconds"
ExpiresByType application/x-javascript "access plus 700000 seconds"
ExpiresByType text/html "access plus 600 seconds"
ExpiresByType application/xhtml+xml "access plus 600 seconds"
</IfModule>
# END Expire headers

# BEGIN Cache-Control Headers
<IfModule mod_headers.c>
<filesMatch "\.(ico|jpe?g|png|gif|swf)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(css)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(js)$">
Header set Cache-Control "private"
</filesMatch>
<filesMatch "\.(x?html?|php)$">
Header set Cache-Control "private, must-revalidate"
</filesMatch>
</IfModule>
# END Cache-Control Headers

<IfModule mod_headers.c>
    Header unset ETag
</IfModule>
<IfModule mod_alias.c>
RedirectMatch 403 /xmlrpc.php
</IfModule>

Here’s my robots.txt file (again, your needs may vary)

User-agent: *
 Disallow: /cgi-bin
 Disallow: /cgi-bin/
 Disallow: /wp-admin
 Disallow: /wp-admin/
 Disallow: /wp-includes
 Disallow: /wp-includes/
 Disallow: /wp-content/plugins
 Disallow: /wp-content/cache
 Disallow: /wp-content/themes
 Disallow: /wp-content/upgrade
 Disallow: /wp-content/backup-*
 Disallow: /aff/
 Disallow: /search/*/*
 Disallow: /trackback
 Disallow: */trackback
 Disallow: /trackback/

We’re currently not running things off our Amazon CDN for the WP sites, in favor of using the horsepower of the dedicated server with high-speed switch, APC, mod_pagespeed, etc. Not finding it super beneficial to load those 1kb sprites off the CDN, frankly. (Brand new web server Dec. 2013). And for us tweaking is simpler when it’s all using one system, and letting mod_pagespeed fix some stuff.

I was manually minifying the style.css file and couple other things. Have not done that with latest version (just updated last weekend). Simple to do … some of my posts on here reference the websites like css minifier where you can copy/paste your code, make new file and over-write the theme css file to solve that issue (takes 5 minutes).

I had too many issues with the caching plugins so not using right now.

Take Google’s PageSpeed Insights with major grain of salt.

On one of my project sites (not running WP), we have the CSS loading from external file, minified, got pagespeed score of 87 and warning about only 47% of page loading above the fold (menu wasn’t showing up), and this could be seen missing from screen capture. So, we put all the code inline, speed went to 95 desktop, 85 mobile, but warning about above the fold now says only 1% was able to be loaded, but snapshot of screen shows everything above fold loaded properly.

Similarly on our WP install running Newspaper, here’s one of their wonderful “suggestions” ….

Reduce server response time
In our test, your server responded in 0.36 seconds. There are many factors that can slow down your server response time. Please read our recommendations to learn how you can monitor and measure where your server is spending the most time.

So, apparently 0.36 seconds is considered slow?

🙂

Hey Everybody

@Steven thx for sharing your expertise. Gonna try out soon!

EWWW is already in use 😉 like it! Does anyone know a hack that ewww is leaving some files out? I do have a transparent watermark which it is killing every time running over the images 😀 pretty annoying.

Does anyone know an alternative to cloudflare? Their infrastructure isn’t the best in germany. I’m pretty sure my local hosting is faster. Anyone knows a good solution to do the following things on the own server instead of using cloudflare?

3.Inline small CSS >>> Use cloudflare and they will fix that for you and a lot more.https://www.cloudflare.com
4.Minify JavaScript and CSS >>> Use cloudflare and they will fix that for you and a lot more.https://www.cloudflare.com
5.Use cookie-free domains >>> Use cloudflare and they will fix that for you and a lot more.https://www.cloudflare.com

thx for your help guys! I really appreciate it.

• This reply was modified 12 years by Manuel Fink.

@nihar105479 here is things you need to fix,and you can find in my sticky post help to fix some of them.

1.Remove query strings from static resources >>> there is help in my sticky post to fix that.

2.Optimize images >>>> get the plugin EWWW Image Optimizer over at wordpress to fix that issue.

3.Inline small CSS >>> Use cloudflare and they will fix that for you and a lot more.https://www.cloudflare.com

4.Minify JavaScript and CSS >>> Use cloudflare and they will fix that for you and a lot more.https://www.cloudflare.com

5.Use cookie-free domains >>> Use cloudflare and they will fix that for you and a lot more.https://www.cloudflare.com

I keep telling users use cloudflare to help better Optimize there site,if they take my tips and put them in action there site be fast and score better..there is a lot of tips on this site use them and you will see performance.

Hi ,
I disabled the minify option but its still not working.You have mentioned that its working…but checked just now its not working.

Hi..
I went through this with my own optimizations of the theme over the past 8 months or so. In our case we add a number of things to the functions.php file, take couple of things out, and for a couple of things we went ahead and edited the style.css file directly, and then minified it when uploaded. I think we also have to edit the main post file each time to make author visible on post (*SIGH*), and also change the prefix for hit counter since we’ve been using a custom field for many many years.

It did make site faster, just be sure to keep a cheat sheet of what you’re changing, and keep separate set of files as back up obviously. Minification helped the most, and if you’re only doing two or three over-rides for CSS in theme panel, it won’t impact anything; meaning you could just minify the style.css, put your couple of CSS overrides in the theme panel and call it a day. If you have 20 changes… yes, likely worth adding to the main style.css.

Downside is I tend to skip every couple of updates since I’m not doing anything with jetpack, buddypress, bbpress, WMPL, logins, social counter, woocommerce, where there have been some updates to help those type of users.

ok .. Im done minifying … Whats on local server

Html .. Css and js .. Now im up 2 point .. 84 desktop ;))

The only thing left i need to do is

Eliminate render-blocking JavaScript and CSS in above-the-fold content

Which i cannot find how to do it ..

Thanks

i will try to minify like u said
Thanks Christopher Simmons

i dont want to remove anything …

All i want to know is .. How to :

#1 Eliminate render-blocking JavaScript and CSS in above-the-fold content
#2 Minify JavaScript
#3 Minify CSS

Thats all