Web前端性能优化教程09:图像和Cookie优化

本文是Web前端性能优化系列文章中的第九篇,主要讲述内容:图像和Cookie优化。完整教程可查看: 一、 图像优化图像基础知识gif: 适用于动画效果,例如提示的滚动条图案  jpg: 是一种使用有损压缩的图片格式,它将图片的每个像素分解成8*8的栅格,然后对每个栅格的数据进行压
12次阅读

Web前端性能优化教程06:减少DNS查找、避免重定向

本文是Web前端性能优化系列文章中的第六篇,主要讲述内容:减少DNS查找、避免重定向。完整教程可查看: 一、减少DNS查找基础知识DNS(Domain Name System): 负责将域名URL转化为服务器主机IP。DNS查找流程:首先查看浏览器缓存是否存在,不存在则访问本机DNS缓存,
10次阅读

Web前端性能优化教程08:配置ETag

本文是Web前端性能优化系列文章中的第五篇,主要讲述内容:配置ETag。完整教程可查看:Web前端性能优化什么是ETag?实体标签(EntityTag)是唯一标识了一个组件的一个特定版本的字符串,是web服务器用于确认缓存组件的有效性的一种机制,通常可以使用组件的某些属性来构造它。条件GET请求浏览
8次阅读

Web前端性能优化教程05:网站样式和脚本

本文是Web前端性能优化系列文章中的第五篇,主要讲述内容:网站样式和脚本代码的放置位置、使用外部javascript和css。完整教程可查看:Web前端性能优化一、将样式表放在顶部可视性回馈的重要性进度指示器有三个主要优势——它们让用户知道系统没有崩溃,只是正在为他或她解决问
10次阅读

Web前端性能优化教程03:添加Expires头

本文是Web前端性能优化系列文章中的第三篇,主要讲述添内容:加Expires头。完整教程可查看:Web前端性能优化什么是Expires头?Expires存储的是一个用来控制缓存失效的日期。当浏览器看到响应中有一个Expires头时,它会和相应的组件一起保存到其缓存中,只要组件没有过期,浏览器就会使用
10次阅读

Web前端性能优化教程04:压缩组件

本文是Web前端性能优化系列文章中的第四篇,主要讲述内容:压缩组件。完整教程可查看:Web前端性能优化基础知识gzip编码:gzip是GUNzip的缩写,是使用无损压缩算法的一种,最早是用于Unix系统的文件压缩,凭借着良好的压缩效率,现在已经成为Web上使用最为普遍的数据压缩格式。压缩是如何工作的
8次阅读

Web前端性能优化教程02:使用内容分发网络

基础知识服务器离用户越近,HTTP请求的响应时间将更短。CNAME:别名记录,当多个域名需要指向同一服务器IP,可以使用一个域名做A记录指向该服务器IP,然后让多个域名指向该A记录。ICP:Internet Content Providor。DNS:Domain Name System。什么是内容分
9次阅读

Web前端性能优化教程01:减少Http请求

性能黄金法则只有10%-20%的最终用户响应时间花在接收请求的HTML文档上,剩下的80%-90%时间花在HTML文档所引用的所有组件(图片,script,css,flash等等)进行的HTTP请求上。前言有关前端性能优化的资料参考于《高性能网站建设》这本书,这一系列的文章可以看作是对这本书的阅读笔
11次阅读

Web框架——Django笔记

Web框架——Django笔记 MVC和MTV  MVC:Model、View、Controller  MTV:Model、Template、ViewDjango——MTV1、创建Django程序   (注:创建前需注意配
12次阅读

10个优秀的JavaScript Web UI库/框架推荐

在进行Web开发时,并非所有的库都适合你的项目,但你仍需要收藏一些Web UI设计相关的库或框架,以在你需要的时候,加快你的开发效率。 本文为你带来10款非常优秀的基于JavaScript的Web UI设计资源。 1.  XUI:JavaScript微型框架 
13次阅读