Commit b6fe70b

<li><a href="#static-content">Static Content</a></li>

<section id="static-content" class="tech-section">

<h1>Static Content</h1>

<p>Some content on a website does not change and therefore should be served

up either directly through the web server or a content delivery network (CDN).

Examples include JavaScript, image, and CSS files.</p>

<p>A CDN is a third party that serves your static files.

<div class="section" id="static-content-resources">

<h2>Static Content Resources</h2>

<!--[if gt IE 8]><!-->

<html class="no-js" lang="en"> <!--<![endif]-->

<meta charset="utf-8">

<meta name="language" content="English" />

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>Full Stack Python</title>

<meta name="description" content="Full stack Python shows how an entire Python web application is built, from the server to the front end JavaScript.">

<meta name="author" content="Matt Makai">

<meta name="viewport" content="width=device-width,initial-scale=1">

<link rel="stylesheet" href="/css/c.css" />

<link rel="stylesheet" href="/css/bootstrap-responsive.min.css" />

<script src="/js/modernizr-2.0.6.min.js"></script>

<script type="text/javascript">

var _gaq = _gaq || [];

_gaq.push(['_setAccount', 'UA-19910497-7']);

_gaq.push(['_trackPageview']);

(function() {

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

})();

</script>

<a href="https://github.com/makaimc/fullstackpython.github.com" class="github">

<img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub" />

</a>

<div class="container">

<div class="row">

<div class="span12">

<div class="logo-header-section">

<a href="/"><img src="../img/full-stack-python-logo-bw.png" height="42" width="42" class="logo-image" /></a>

<span class="logo-title"><a href="/">Full Stack Python</a></span>

</div>

</div>

</div>

<h1>Static Content</h1>

<p>Some content on a website does not change and therefore should be served

up either directly through the web server or a content delivery network (CDN).

Examples include JavaScript, image, and CSS files.</p>

<p>A CDN is a third party that serves your static files.

<a class="reference external" href="http://aws.amazon.com/cloudfront/">Amazon CloudFront</a>,

<a class="reference external" href="http://www.akamai.com/">Akamai</a>, and

<a class="reference external" href="http://www.rackspace.com/cloud/public/files/">Rackspace Cloud Files</a>

are examples of CDNs. The purpose of a CDN is to remove the load of static

file requests from web servers that are handling dynamic web content. For

example, if you have an nginx server that handles both static files and

acts as a front for a Green Unicorn WSGI server on a 512 megabyte

virtual private server, the nginx server will run into resource

constraints under heavy traffic. A CDN can remove the need to serve static

assets from that nginx server so it can purely act as a pass through for

requests to the Green Unicorn WSGI server.</p>

<p>CDNs distribute request load globally by using data centers in different

locations.</p>

<div class="section" id="static-content-resources">

<h2>Static Content Resources</h2>

<p><a class="reference external" href="http://blog.doismellburning.co.uk/2012/07/14/using-amazon-s3-to-host-your-django-static-files/">Using Amazon S3 to host your Django static files</a></p>

<p><a class="reference external" href="http://www.hanselman.com/blog/CDNsFailButYourScriptsDontHaveToFallbackFromCDNToLocalJQuery.aspx">CDNs fail, but your scripts don't have to</a></p>

<p><a class="reference external" href="http://django-storages.readthedocs.org/en/latest/">django-storages</a> is

a Django library for managing static and media files on services such as

Amazon S3 and other content delivery networks.</p>

<hr/>

<div class="footer pull-right">

<a href="http://www.mattmakai.com/" class="underline">Matt Makai</a> 2013

</div>

</div>

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script src="/js/bootstrap.min.js"></script>

:slug: static-content

Some content on a website does not change and therefore should be served

up either directly through the web server or a content delivery network (CDN).

Examples include JavaScript, image, and CSS files.

A CDN is a third party that serves your static files.

Static Content Resources