Search Results for 'css'

Tagdiv doesnt do custom work, so likely need to hire developer to help remove the default call to menu in header.php and put in shortcode or other element to hook into wordpress menu system, and..or.. Mod the style.css and functions.php to add the plugins stuff to theme.

Thanks I will go over that, something interesting that happen for them record

I turned off BWM
I turned off Several options of speed buster
I turned off strings

all that in the newspaper theme, and activated speed booster with your code.

as a result I got 69/91. Witch really satisfy me.

did the same with newsmag (in my other site) and I get 63/83 witch is not bad but was doing better without mod_pagespeed.

I am getting a ton of error in the mobile version
Remove render-blocking JavaScript:
Optimize CSS Delivery
ptimize the following images to reduce their size by 115.2KiB (43% reduction).

also images are not optimized, is wird also becuase bith instalation are in the same vps…..

good news is that mobile is working now but grades are not so hot….

I tryed truning all off but is pretty much the same.

Manual minification of the theme style.css file

(e.g., /wp-content/themes/Newsmag/style.css)

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.

Additional .htaccess optimizations for Apache servers.

# END WordPress

AddType text/javascript .js
AddType application/vnd.ms-fontobject .eot
AddType application/x-font-ttf .ttf
AddType application/x-font-opentype .otf
AddType application/x-font-woff .woff

# 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"
ExpiresByType font/truetype "access plus 2500000 seconds"
ExpiresByType font/opentype "access plus 2500000 seconds"
ExpiresByType application/x-font-woff "access plus 2500000 seconds"
ExpiresByType image/svg+xml "access plus 2500000 seconds"
ExpiresByType application/vnd.ms-fontobject "access plus 2500000 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>

All of this “obviously” goes AFTER the WordPress elements generated when WP is setup.

• This reply was modified 11 years by simchris.

(the last item there removes visual composer css from post pages, where MOST folks don’t use VC; I don’t — remove that if you do)

See my other post on “mod_pagespeed” today for explanation of what some of that does. 🙂

I have some custom code I use in functions.php — some of which you may find useful for optimization:
——————

/*CHRISTOPHER's CUSTOM MODS - 1.10.15 rev15A - (c) 2010-2015 Chris Simmons */

function dequeue_visual_composer_css() {
if (is_single()) {
wp_dequeue_style('js_composer_front');
}
}
add_action('wp_enqueue_scripts', 'dequeue_visual_composer_css', 1003);

Yeah.
I would turn off everything except mod_pagespeed since it does the minify of HTML on the fly, removes comments, etc.

Use the tagdiv speed booster plugin which moves and enqueues scripts at bottom of page.

Use the functions.php file to add the remove query string code.

Use W3 cache if you don’t have mod_pagspeed connected to APC/opcache/memcache on the server (which can be configured in the master mod_pagespeed config file). But use the settings recommended by TagDiv.

example of some of my custom stuff in functions.php to remove query strings, visual composer credit, etc.

*NOTE:
this also includes code you might not need
a) remove visual composer CSS from post pages
b) remove pingback URL
c) change default WP thumb compression from 90 to 50 (some like 60)
d) remove yoast admin bar (annoying)
e) add go away message for people trying to login guessing passwords; great to use with limit login attempts
f) delete enclosure in RSS feed
g) disallow some things in comments for security

——————

/*CHRISTOPHER's CUSTOM MODS - 1.10.15 rev15A (c) 2010-2015 */

function dequeue_visual_composer_css() {
if (is_single()) {
wp_dequeue_style('js_composer_front');
}
}
add_action('wp_enqueue_scripts', 'dequeue_visual_composer_css', 1003);

Note: my “lineup” cannot be posted in an article someplace, or stuff like that; use if you wish. I have left out some other things most folks don’t need, but we do. 🙂

Hope that helps 🙂

btw, here are the settings I use to explicitly specify what to use with WordPress based on experimenting with this last year at this time.

<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>

Your mileage may vary.