www.webdeveloper.com
Results 1 to 2 of 2

Thread: Caching a web page

  1. #1
    Join Date
    Oct 2007
    Posts
    151

    Caching a web page

    Hi,

    I've seen some code where they cache the php and mysql results.

    Is this a method used to reduce load to the server today? or do browsers automatically cache pages now?

    Thanks

  2. #2
    Join Date
    Dec 2011
    Location
    Lethbridge
    Posts
    34
    There a different ways to cache browsers now a days, most are done with apache and others are headers send with php. Here's an example with .htaccess taken from the html5boilerplate

    Code:
    # ----------------------------------------------------------------------
    # Expires headers (for better cache control)
    # ----------------------------------------------------------------------
    
    # These are pretty far-future expires headers.
    # They assume you control versioning with cachebusting query params like
    #   <script src="application.js?20100608">
    # Additionally, consider that outdated proxies may miscache 
    #   www.stevesouders.com/blog/2008/08/23/revving-filenames-dont-use-querystring/
    
    # If you don't use filenames to version, lower the CSS  and JS to something like
    #   "access plus 1 week" or so.
    
    <IfModule mod_expires.c>
      ExpiresActive on
    
    # Perhaps better to whitelist expires rules? Perhaps.
      ExpiresDefault                          "access plus 1 month"
    
    # cache.appcache needs re-requests in FF 3.6 (thanks Remy ~Introducing HTML5)
      ExpiresByType text/cache-manifest       "access plus 0 seconds"
    
    # Your document html 
      ExpiresByType text/html                 "access plus 0 seconds"
      
    # Data
      ExpiresByType text/xml                  "access plus 0 seconds"
      ExpiresByType application/xml           "access plus 0 seconds"
      ExpiresByType application/json          "access plus 0 seconds"
    
    # Feed
      ExpiresByType application/rss+xml       "access plus 1 hour"
      ExpiresByType application/atom+xml      "access plus 1 hour"
    
    # Favicon (cannot be renamed)
      ExpiresByType image/x-icon              "access plus 1 week" 
    
    # Media: images, video, audio
      ExpiresByType image/gif                 "access plus 1 month"
      ExpiresByType image/png                 "access plus 1 month"
      ExpiresByType image/jpg                 "access plus 1 month"
      ExpiresByType image/jpeg                "access plus 1 month"
      ExpiresByType video/ogg                 "access plus 1 month"
      ExpiresByType audio/ogg                 "access plus 1 month"
      ExpiresByType video/mp4                 "access plus 1 month"
      ExpiresByType video/webm                "access plus 1 month"
      
    # HTC files  (css3pie)
      ExpiresByType text/x-component          "access plus 1 month"
      
    # Webfonts
      ExpiresByType font/truetype             "access plus 1 month"
      ExpiresByType font/opentype             "access plus 1 month"
      ExpiresByType application/x-font-woff   "access plus 1 month"
      ExpiresByType image/svg+xml             "access plus 1 month"
      ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
        
    # CSS and JavaScript
      ExpiresByType text/css                  "access plus 1 year"
      ExpiresByType application/javascript    "access plus 1 year"
      
      <IfModule mod_headers.c>
        Header append Cache-Control "public"
      </IfModule>
      
    </IfModule>
    Another good method is to save the static file and minify it with php. take a look at some of the wordpress plugins like wp-super-cache and wp-minify.
    For web developers, web proposal generator is an App that will help you write proposals. I'm always welcoming feed back and criticisms

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles