• Hello,
    I’ve noticed lately that my site seems to be having load delays despite using the plugin with enhanced disk caching, minify and database caching turned on. Especially my homepage loads pretty slow sometimes. According to web page speed report I have issues with css, javascript, images, etc. Here’s a typical report about one of my pages:
    ——————–>
    * TOTAL_HTML – Congratulations, the total number of HTML files on this page (including the main HTML file) is 1 which most browsers can multithread. Minimizing HTTP requests is key for web site optimization.

    * TOTAL_OBJECTS – Warning! The total number of objects on this page is 52 which by their number will dominate web page delay. Consider reducing this to a more reasonable number. Above 20 objects per page the overhead from dealing with the actual objects (description time and wait time) accounts for more than 80% of whole page latency. See Figure II-3: Relative distribution of latency components showing that object overhead dominates web page latency in Website Optimization Secrets for more details on how object overhead dominates web page latency. Combine, refine, and optimize your external objects. Replace graphic rollovers with CSS rollovers to speed display and minimize HTTP requests. Consider using CSS sprites to help consolidate decorative images. Using CSS techniques such as colored backgrounds, borders, or spacing instead of graphic techniques can reduce HTTP requests. Replace graphic text headers with CSS text headers to further reduce HTTP requests. Finally, consider optimizing parallel downloads by using different hostnames or a CDN to reduce object overhead.

    * TOTAL_IMAGES – Warning! The total number of images on this page is 39 , consider reducing this to a more reasonable number. Recommend combining, replacing, and optimizing your graphics. Replace graphic rollover menus with CSS rollover menus to speed display and minimize HTTP requests. Consider using CSS sprites to help consolidate decorative images. Use CSS techniques such as colored backgrounds, borders, or spacing instead of graphic techniques to reduce HTTP requests. Replace graphic text headers with CSS text headers to further reduce HTTP requests. Finally, consider optimizing parallel downloads by using different hostnames to reduce object overhead.

    * TOTAL_CSS – Warning! The total number of external CSS files on this page is 6 , consider reducing this to one or two external files. Combine, refine, and optimize your external CSS files. Ideally you should have one (or even embed CSS for high-traffic pages) on your pages. You can optimize CSS files using shorthand properties, grouping, and then minify and GZIP compress them to reduce their footprint. Remember to place CSS files in the HEAD and JavaScript files at the end of the BODY to enable progressive display.

    * TOTAL_SIZE – Warning! The total size of this page is 466139 bytes, which will load in 103.30 seconds on a 56Kbps modem. Consider reducing total page size to less than 100K to achieve sub 20 second response times on 56K connections. Pages over 100K exceed most attention thresholds at 56Kbps, even with feedback. Consider optimizing your site with Website Optimization Secrets, Speed Up Your Site or contacting us about our optimization services.

    * TOTAL_SCRIPT – Warning! The total number of external script files on this page is 6 , consider reducing this to a more reasonable number. Combine, refactor, and minify to optimize your JavaScript files. Ideally you should have one (or even embed scripts for high-traffic pages) on your pages. Consider suturing JavaScript files together at the server to minimize HTTP requests. Placing external JavaScript files at the bottom of your BODY, and CSS files in the HEAD enables progressive display in XHTML web pages.

    * HTML_SIZE – Congratulations, the total size of this HTML file is 15541 bytes, which less than 50K. Assuming that you specify the HEIGHT and WIDTH of your images, this size allows your HTML to display content in under 10 seconds, the average time users are willing to wait for a page to display without feedback.

    * IMAGES_SIZE – Warning! The total size of your images is 340842 bytes, which is over 100K. Consider switch graphic formats to achive smaller file sizes (from JPEG to PNG for example). Finally, substitute CSS techniques for graphics techniques to create colored borders, backgrounds, and spacing.

    * SCRIPT_SIZE – Warning! The total size of external your scripts is 90544 bytes, which is over 20K. Consider optimizing your JavaScript for size, combining them, and using HTTP compression where appropriate for any scripts placed in the HEAD of your documents. You can substitute CSS menus for JavaScript-based menus to minimize or even eliminate the use of JavaScript.

    * CSS_SIZE – Caution. The total size of your external CSS is 19212 bytes, which is above 8K and less than 20K. For external files, ideally keep them less than 1160 bytes to fit within one higher-speed TCP-IP packet (or an approximate multiple thereof). Consider optimizing your CSS and eliminating features to reduce this to a more reasonable size.

    * MULTIM_SIZE – Congratulations, the total size of all your external multimedia files is 0 bytes, which is less than 10K.
    ———————

    What especially troubles me that it tells me to minify and compress – I thought that the minify option in w3 already takes care of that? Does that mean I can and should compress/minify even further? Do you have any advice how I can do that? Maybe gzip compression? Are there any plugins for compression that are compatible with w3?

    Also, how come I get this report even the second and third time of analyzing the same page? I thought w3 cache should do its magic at least the second time the page loads.

    I really want to optimize my site so I greatly value anyones input. Thanks!

    p.s: My images need to remain self-hosted.

Viewing 12 replies - 16 through 27 (of 27 total)
  • Thread Starter dennis8

    (@dennis8)

    I know that but I dont understand the template settings the help wizard preselects. For instance, it lists the addthis widget twice, one for “index” and one for “single”. Should it be just one for “all templates”?

    Anyhow, I went ahead with all the preselected template settings and chose non-blocking “embed before body” for each one. And what do you know? When my website loads the header image is now missing! And when I go back into the minify help wizard it shows ll the urls red and give me three time the error message “Warning: in_array() [function.in-array]: Wrong datatype for second argument in /home/valor88/public_html/wp-content/plugins/w3-total-cache/lib/W3/Plugin/TotalCache.php on line 4180”
    Upon this I tried “embed in head” instead but that didnt change anything. Whats going on? Needless to say Ive disabled minification for now.

    On a good note, gzip is working like a charm now. I tested the page I have linked earlier in this thread with the gzip tool and it says:
    Web page compressed? Yes
    Compression type? gzip
    Size, Markup (bytes) 110,276
    Size, Compressed (bytes) 15,011
    Compression % 86.4

    Sweet. 🙂 Now to get minify to work.

    Again, I’m on a VPS level 3 with hostgator so I’m a bit mystified why c3mdigital says I’m on a shared server? How can you tell? Are their VPS plans actually on shared servers? (Well, I guess thats the whole point of VPS, huh…) So does that mean some settings just dont go into effect even though I have them enabled? (db disk caching, deflate)

    @dennis8 I didn’t realize you were on a VPS. I just ran a whois on your domain and the IP address came up as The Planet which is where HostGator houses their servers. The mod_deflate issues comes up a lot regarding HostGator’s shared hosting because they have it turned off so I wrongly assumed this was your issue with Gzip.

    I am happy to hear you have the compression working. The minify settings can be confusing especially if you are using a lot of plugins that call jquery and include their on js. The problems can sometimes stem from plugins not using the correct enqueue script methods of calling js or by not using the no-conflict jquery.

    My suggestion would be to turn on the minify and enable it for CSS, html, inline js, and line break removal.

    My other suggestion is to test and see if your getting any gains by using object cache via disk or install APC on your VPS for object cache.

    HostGator will install APC for you for $30 or you can install yourself following these instructions which are slightly modified from the APC installation instructions in the plugin for a CPanel VPS

    Thread Starter dennis8

    (@dennis8)

    Ok but i dont understand how these things have to do with my header image? Why would my header image disappear?

    What does it have to do with this error message I got in the minify help settings? Warning: in_array() [function.in-array]: Wrong datatype for second argument in /home/valor88/public_html/wp-content/plugins/w3-total-cache/lib/W3/Plugin/TotalCache.php on line 4180

    What could the problematic JS be? Minfiy correctly detects the following plugins:
    Collapsing Categories, NextGen Gallery, Addthis and Commentluv.
    It also shows two JS items I am not able to associate:
    wp-includes/js/hoverIntent.js?ver=2.9.1 +
    wp-includes/js/jquery/jquery.js?ver=1.3.2

    It had all turned turned on with the pre-chosen template settings and no matter if set to embed in head or embed before body, it caused the above error message plus the header image disappearing from my blog.

    Or could the CSS be at fault here? I had all those turned on for the exception of WordBay. Meaning:
    NextGen Gallery, style and cl_style.

    I would really appreciate more help. Thanks!

    Warning: in_array() [function.in-array]: Wrong datatype for second argument in /home/valor88/public_html/wp-content/plugins/w3-total-cache/lib/W3/Plugin/TotalCache.php on line 4180

    There was a bug in version 0.9.1.1 with the minify help screen but it didn’t effect the front end of the site and still combined the files.

    Upgrade to the latest version that should show as an upgrade in your dashboard.

    wp-includes/js/hoverIntent.js?ver=2.9.1 +
    wp-includes/js/jquery/jquery.js?ver=1.3.2

    Those are included js files that come with WordPress they are being enqueued by either your theme or a plugin. Also those are from WordPress 2.9

    When combining your js files jquery has to be the first one because all the other ones won’t work unless it is loaded. If you have any inline js which you do then jquery will have to go before <body> or none of the inline scripts will work.

    Ok but i dont understand how these things have to do with my header image? Why would my header image disappear?

    Your header image shows up fine for me.

    Thread Starter dennis8

    (@dennis8)

    Thanks for your input, c3m.

    There was a bug in version 0.9.1.1 with the minify help screen but it didn’t effect the front end of the site and still combined the files.

    Upgrade to the latest version that should show as an upgrade in your dashboard.

    Ah thanks for pointing that out to me. I upgraded but unfortunately I still get that error when I turn on all the scripts. “Warning: in_array() [function.in-array]: Wrong datatype for second argument in /home/valor88/public_html/wp-content/plugins/w3-total-cache/lib/W3/Plugin/TotalCache.php on line 4180”
    What exactly is on line 4180? Hmm, the wepagetest.org results look very good now (e.g. 100% JS minify) but I notice that a couple of my plugins don’t work anymore like the commentluv or addthis. I have set jquery set to embed before body but it doesnt seem to matter whether I embed the other JS scripts non-blocking in head, blocking in head or the same with body. And whether I turn on the minification setting to “combine only before body” or have that turned off doesnt make a difference either. Sigh…

    Those are included js files that come with WordPress they are being enqueued by either your theme or a plugin. Also those are from WordPress 2.9

    When combining your js files jquery has to be the first one because all the other ones won’t work unless it is loaded. If you have any inline js which you do then jquery will have to go before <body> or none of the inline scripts will work.

    Ah, thanks for explaining that to me. This was a great help!

    Your header image shows up fine for me.

    Of course because at the time I had turn any minification off again (just like now). 😉 It looks like when I minify and combine my CSS the header image disappears. There really seems to be some trouble with my CSS because wepagetest.org also tells me then that only 26% of my cookies are working properly. As soon as I turn the CSS settings off the cookies are back to 100%. What is this about? Most of these failed cookies come from images but also plugins JS.

    I guess I’m screwed, because it looks like neither JS or CSS can be successfully minified and combined. At least not for most of my scripts. 🙁

    Browser Cache settings: for css, js, and media files set expires headers lifetime to at least 3 months (7776000s) and for cache control policy use: cache with max-age

    I have done this. Would it also be wise to use the same headers lifetime and cache policy settings for html?

    Plugin Contributor Frederick Townes

    (@fredericktownes)

    I have done this. Would it also be wise to use the same headers lifetime and cache policy settings for html?

    It’s up to you and how you want your site to work or what tests you wish to have your site pass.

    Make sure that you re-download 0.9.1.2 to overcome the error you’re experiencing.

    I installed W3 Cache and it’s working, maybe too well.

    Firefox caught a problem with RPC Blogrolling and report an “Attack” problem shutting my one site down concerning the Blogroll.

    I removed blogrolling script and changed all blogroll links manual to reflect standard links. These don’t change often so the work is complete.

    Now…on my desktop, in Firefox, the links in the sidebar appear fine.

    However, I went to the site via my laptop, aircard internet connection and the “blogroll” is still appearing shutdown.

    Also, I removed Kontera in-text links which are not showing up on my site via the desktop but also continue to appear on the laptop.

    One difference, I’m logged in to the site on the desktop not the laptop, I don’t think this should matter. (Sorry for the long discussion)

    My question is – What is caching that can be cleared to correct the site on the laptop or anyone else’s views who have visited and returned only to get the cached version of the site?

    I clear everything on Firefox on the laptop, restarted it but no change.

    Is my setup with W3 Caches causing this?

    Bottom Line: Logged off the old info is showing that I actually removed such as the Kontera ads and the Blogrolling Blogroll script.

    Any constructive help would be greatly appreciated. Thank you.

    Small Update on my post:

    I went back to the site, not logged in using Firefox (It all works great in IE).

    The new linked blogroll is still missing. I scroll down and click ‘next page’ and on the second page the blogroll appears.

    Click the link to a single post and the blogroll appears.

    So the problem seems isolated to the front page only.

    Plugin Contributor Frederick Townes

    (@fredericktownes)

    Are you posting this issue in multiple topics (threads)?

    I originally posted in a new thread then ran into this one so I posted after no replies in the other thread. “W3 Cache Plugin

    Sorry to create any confusion. You have replied in that thread.

    Plugin Contributor Frederick Townes

    (@fredericktownes)

    Ok.

    Thread Starter dennis8

    (@dennis8)

    Javaman, hijacking a thread is not very nice. I dont appreciate it. Just have a little patience with your own thread(s), ok?

Viewing 12 replies - 16 through 27 (of 27 total)

The topic ‘[Plugin: W3 Total Cache] Still having load time issues’ is closed to new replies.