html - CSS + Javascript caching properly; wanting to prevent global page elements from redrawing -
I apologize in advance if this is a newbie question, at the moment, my main frustration / oblivion is to fully discover my special problem The logic leads to a misguided nature.
I am using these a variety of rules to make sure that my css, css images, and javascript files are caching based on the answer of the header I got in my firebug net panel Believe that this method is working.
A successful way of caching, from navigating the page from one page to another, is a way to prevent global site elements (headers, menus, etc.) from drawing. This event is beautifully expressed through the following sites:
jessicahisch - dot-com is also a prime example.
Note that after clicking on the section from the section, posting to post, anywhere (with the same global layout), just a fraction of the fresh / redraw page for that goal page There are unique items.
Usually I find it browser -specificity (for example, Safari parodies this phenomenon quite well, regardless of the developers' implementation method, while Firefox is a bit less forgiving), however, special As these two sites are fully compatible in their page-to-page loading schema.
In your site example, this is a crapshoot. Just when I think this is the way I want to work, I will get a page reload / redraw / rebuild. Checking the net panel indicates that this is what my external CSS / Image resources have been loaded or not, this happens.
I have included rules using reference in my htaccess files for reference.
Thanks in advance for help with this difficult question. An answer is highly appreciated, even tips on how to search for this problem effectively on the Net are welcome.
#### Caching ## ## # of the year & lt; FilesMatch "\. (Flv | gif | jpg | jpeg | png | ico) $" & gt; Header set cache-control "max-age = 2592000" & lt; / FilesMatch & gt; # Weeks and lieutenant; File match ". (Js | css | pdf | sff) $" & gt; Header set cache-control "max-age = 604800" & lt; / FilesMatch & gt; # 10 minutes & lt; FilesMatch "\. (Html | htm | txt) $" & gt; Header set cache-control "max-age = 600" & lt; / FilesMatch & gt; # Dot cache & lt; File match ". (Pl | php | cgi | spl | scgi | fcgi) $" & gt; Header set cache control should set "Head, set" head set set to "Personal, Max-age = 0," Header Set Connection "# Header Set Pragma" cache "& lt; / FilesMatch & gt; & Lt; File match "(ico | pdf | flv | jpg | jpg | jpeg | png | gif | js | css | swf) (\ .zz)? $" & Gt; Header Set Ends "Thursday, April 15, 2012 20:00:00 GMT" Header Unrecognized ETag FileETag None & lt; / FilesMatch & gt; # ExpiresActive Customer Expiry on # ExpiresActive Customer ExpiryType image / gif after a month in GIF expired A2592000 # HTML document # times they were changing ExpiresByType Text / html M604800 # After a month in CSS images expired Customer's Cash Expires ByType Text / CSS A2592000 RewriteRule CSS [\. [[0-9] + / (. *) $ CSS / $ 1 [L]
I may have a misunderstanding of the question, but I Is being presented as a separate HTML page for each page on it, the element must watch. (And that's exactly how every site on the Internet actually works.)
The only way to stop this is to use & lt; frames & gt;
, which is a big faff, and makes it really weird for people to link to specific pages within your site, which is based on the web.
I suspect that on those two sites you mention, they are just loading so fast that you do not know they are separate pages.
Comments
Post a Comment