www.webdeveloper.com
Results 1 to 2 of 2

Thread: Caching a web page

  1. #1
    Join Date
    Oct 2007
    Posts
    154

    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.

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