Using Client Side Includes instead of Server Side Includes


	Using Client Side Includes instead of Server Side Includes

humanizingme

5-25-2009 12:30 PM

120 views

tags:

web, webdesign, ssi, javascript, webserver, website

Add a Comment

Login to Comment. Not a member yet? Sign up

Today's Top Clips

visit the Top Clips page

View the Top Clips from May 25, 2009

Embed This Clip In Your Site...

<div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clip-to-blog/" title="see clips that are hot right now"><img src="http://content.clipmarks.com/blog_embed/3d60d610-7058-4fbc-8cf8-cf7cc0bddcfd/165249C8-39BA-4C7C-85A1-CCF4F4FEC550/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://articles.techrepublic.com.com/5100-10878_11-5172019.html" href="http://articles.techrepublic.com.com/5100-10878_11-5172019.html" style="font-size: 11px;">articles.techrepublic.com.com</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://articles.techrepublic.com.com/5100-10878_11-5172019.html"><P class="takeaway"><B>Takeaway:</B> Reducing processing overhead can improve the performance of Web sites with heavy traffic patterns. Using Client Side Includes to perform functions on the client side is one technique developers can use to reduce overhead. Here's how it works.</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://articles.techrepublic.com.com/5100-10878_11-5172019.html"><DIV>SSI files themselves can have any extension, but by default a page that uses one or more of them has the extension .SHTML to signify to the Web server that this page needs to be handled differently to a standard HTML file.</DIV></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://articles.techrepublic.com.com/5100-10878_11-5172019.html"><SPAN class="code">&lt;!--#include virtual="/includes/new.txt" --&gt;</SPAN></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://articles.techrepublic.com.com/5100-10878_11-5172019.html"><DIV>A Client Side Include (CSI) is usually a short JavaScript function or routine contained in an External JavaScript file and is called in the same place as the SSI would be. CSIs can be contained either in a stand-alone file or included within a global JavaScript file which contains other useful client side JavaScript functions that the site may require.</DIV></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://articles.techrepublic.com.com/5100-10878_11-5172019.html">The JavaScript version is much, much faster, and it places no more load on the server than an ordinary Web page.</blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;">&nbsp;</td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/165249C8-39BA-4C7C-85A1-CCF4F4FEC550/blog/" title="blog or email this clip"><img src="http://content8.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>

Clipmarks: Home; New Clips; Top Clips; Dashboard

Popular Topics: News; Life; Science; Technology; Entertainment

Get Started: Sign Up; Install Clipping Tool; How Clipping Works; Clip-to-Blog™; ClipSearch

Tools and Resources: FAQ; ClipWeek; Top Clippers; Top Tags; Site Map

About Clipmarks: About Us; Contact; Blog; Copyright; Privacy; EULA

Search Options

Today's Top Clips