Search Results for 'css'

Speed Booster didnt play well with my child-theme. Unfortunately.
It always displays the blueish original layout.

• This reply was modified 12 years by thomaspe.

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.

Hi Steven, could you please share which plugins you finally ended up using with which settings? thx

Talking about “Async JS and CSS”:
Which exceptions are needed to get the mega menu sliders and ajax working properly?

Hi Thanks Lucian. I’ve selected the Google fonts from Theme panel -> Custom typography as described in this documentation: https://forum.tagdiv.com/how-to-use-custom-fonts/. I’m not using custom fonts.

For some reason the theme isn’t generating the full url in the <link> tags; it is truncating them to just the relative urls. So instead of <link href=’http://fonts.googleapis.com/css?family=Oswald’&gt;, it is producing <link href=’/css?family=Oswald’>.

Is there a setting somewhere that we may have set that would cause this to happen? What theme file(s) generate these links?

Thanks!

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

@enterpr1se take those files you have out and add what i posted below…

jquery.min.js
external.min.js
site.min.js

Thx, but it’s incompatible with responsive lightbox.
I tried add CSS and JS by lightbox into “Async JS and CSS” exceptions list, but it still not working.
Do I miss something?

The files I added to exceptions list are
jquery.prettyPhoto.js
front.js
prettyPhoto.css

Now I modified the home page and page speed fallen: mobil 63/100, PC 83/100. (problem: JavaScript and CSS). http://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Ftestinfoglass.sazovsky.cz%2F&tab=mobile

AH! Yes… in fact, I just did this same upgrade process to my 2 sites running theme on Friday. Went perfectly. Just over-wrote files via FTP, then deleted the one old bakery folder, installed plugins, then over-wrote my mods to the functions.php and style.css, and two module files, single-loop file, done. Everything worked!

Now I could fix it.

Fashion reestablishment css style and now it works 🙂

Thank you 🙂