fullstackpython.github.com/static-content.html at gh-pages · pitsyncranjith/fullstackpython.github.com · GitHub

History

143 lines (136 loc) · 7.98 KB

Raw

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

<!DOCTYPE html>

<title>Full Stack Python</title>

<!--[if lt IE 9]>

<![endif]-->

<style>

html,

body {

font-size: 18px;

color: #222;

background: #fefefe;

}

body {

padding-top: 30px;

}

.footer {

padding: 20px 0 30px 0;

}

a, a:hover {border-bottom: 1px dotted; color: #444;}

a:hover {text-decoration: none; color: #000;}

.logo-title {font-size: 56px; color: #403072; padding-top: 80px;

font-family: "News Cycle", "Arial Narrow Bold", sans-serif;

font-weight: bold; line-height: 30px; margin-left: 5px;}

.logo-title a, .logo-title a:hover {color: #000; text-decoration: none;

border-bottom: none;}

.logo-title a:hover {color: gray;}

.logo-image {vertical-align: top; border: none;}

a.list-group-item.active {background: #444; border: 1px solid #222;}

a.list-group-item.active:hover {background: #444; border: 1px solid #222;}

#sidebar {margin-top: 30px;}

@media (max-width: 600px) {

.logo-header-section {

margin: 20px 32px 0 0;

}

</style>

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>

</head>

<body>

</a>

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

</div>

</div> <div class="row">

<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>

<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>

</div>

<br/>

Next read the

<a href="/caching.html">caching</a> section.

</div>

<a href="/introduction.html" class="list-group-item ">Introduction</a>

<a href="/servers.html" class="list-group-item ">Servers</a>

<a href="/operating-systems.html" class="list-group-item ">Operating Systems</a>

<a href="/web-servers.html" class="list-group-item ">Web Servers</a>

<a href="/platform-as-a-service.html" class="list-group-item ">Platform-as-a-service</a>

<a href="/databases.html" class="list-group-item ">Databases</a>

<a href="/wsgi-servers.html" class="list-group-item ">WSGI Servers</a>

<a href="/web-frameworks.html" class="list-group-item ">Web Frameworks</a>

<a href="/task-queues.html" class="list-group-item ">Task Queues</a>

<a href="/static-content.html" class="list-group-item active">Static Content</a>

<a href="/caching.html" class="list-group-item ">Caching</a>

<a href="/web-browsers.html" class="list-group-item ">Web Browsers</a>

<a href="/web-application-security.html" class="list-group-item ">Web Application Security</a>

<a href="/monitoring.html" class="list-group-item ">Monitoring</a>

<a href="/web-analytics.html" class="list-group-item ">Web Analytics</a>

<a href="/third-party-services.html" class="list-group-item ">Third Party Services</a>

<a href="/source-control.html" class="list-group-item ">Source Control</a>

<a href="/configuration-management.html" class="list-group-item ">Configuration Management</a>

<a href="/dependency-management.html" class="list-group-item ">Application Dependencies</a>

<a href="/no-sql-datastore.html" class="list-group-item ">NoSQL Data Stores</a>

<a href="/about-author.html" class="list-group-item ">About</a>

<a href="/change-log.html" class="list-group-item ">Change Log</a>

</div>

</div></div>

<hr/>

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

</div>

</body>

</html>

fullstackpython.github.com/static-content.html at gh-pages · pitsyncranjith/fullstackpython.github.com · GitHub

Expand file tree

Breadcrumbs

static-content.html

Latest commit

History

Breadcrumbs

static-content.html

File metadata and controls