龙8国际

当前位置: 网站龙8国际 > 建站设计 > 设计文章 > 文章 当前位置: 设计文章 > 文章

大型网站:前端性能优化和规范

时刻:2014-11-13    点开: 次    原因:线上    小说作者:佚名 - 小 + 大

(文/scott )Web稳定性密切相关的使用范围太广,但通常事情web激发者在执行程序登录上线日后很多很多很多很多都曾碰上过稳定性的事情。大多数表现形式为网页页网络速度慢慢急聚降低,合适访问权限時间变的相当长,或则直截了当给你们推到异常事情错识网页页。此处会密切相关到很多很多很多很多或许会出现的事情,示例多少最最主要会出现的事情:
 * 数据库连接超过最大限制,一般表现为程序的连接池满,拒绝了与数据库的连接。
 * 数据库死锁
 * Web Server 超过最大连接数(一般在虚拟主机上才会限制)
 * 内存泄漏
 * Http连接数太多,即访问量超过了机器和软件设计正常所能提供的服务 
 
而今天分享的主要是比较偏向前端

浏览器请求和响应的过程

浏览器请求加载前过程
 

第一步、浏览器预处理

验证Cache:读入Cache 可能上传304重定向

第二步、查询DNS

优化规则--减少DNS查找

DNS缓存数据浏览网页器DNS平缓 来计算机专业DNS平缓 精准数据库服务器DNS平缓(TTL)

使用Keep-Alive特性 
减少DNS查找

当业主鍴的DNS存缓为空时,DNS找到的需求量与Web页面设置中真正唯独的电脑设备名的需求量一样 。降低真正唯独的电脑设备名的需求量就可降低DNS找到的需求量。较少的二级域名来增多DNS查阅(2-4个服务器主机)

第三步、建立连接

优化规则-- 使用内容分发网络

美式几大Internet公司网站和CDN工作展示 商

窗口静态数据化(hua),衡量(liang)于公布的整体(ti)

Ctrip动用的China-Cache和网宿

优化系统准则--用但是网站域名分类窗口信息 

按对话框信息内容区域划分网站域名,在比较适合的能源服務器上储存文件目录

第四步、发送请求

优化规则-- 减少HTTP请求

 HTTPpost请求30-40,合为文件夹,视频地图地图,内联形象a)js文本(不小于8个)
1.tuna_090501_base.js和tuna_090501_module.js(拆分tuna_090501.js)
2.数据文件js(1-2个)
3.频道公用js(1个)和页面私有js(1-2个)
包含ga.js、uiscript.asp和外部链接许多官方网站的js

b) css压缩文件不(bu)已经(jing)超出4个,各电视(shi)频道网址(zhi)和全站网址(zhi)不(bu)已经(jing)超出3个。

c) 近年没有满足的是allyes电视广告的标准数。
• 大量的广告和产品图片可能会造成,图片请求数很大,可能造成总请求数指标吃紧,
    这款只可以从规划上拿下,必须 既定
• 目前老页面可能css和js文件请求数可能会超标
 

优化规则- – 优化CSS Spirite

  图片大全地图导航   Ctrip百度主页案例 

优化规则– 避免404错误

避免内部无效的链接
 

规则优化 –不要使用frameset,少使用iframe

搜索引擎不友好、 当日的内容为空,数据访问也要有时候、会拒接选项卡数据访问
禁止使用iframe引入外部资源,不包括allyes广告,不包括about:blank的空页面。
 

第五步、等待响应

优化规则 --避免重定向

在重定向完毕并且HTML下载完毕之前,是没有任何东西显示给用户的
涉及服务器负载、数据查询、服务器端缓存等
 

第七步、接收数据

优化规则 -- 压缩组件

HTML文档、脚本和样式表、XML和JSON的文本响应 压缩如何工作
压缩通常能(neng)将响应的数据量减少将近70%

优化规则 -- 精简Javascript和Css

从码中移除并非要的空格符以限制其多少,限制访问精力。

规则规则– 尽量缩减页面大小

页面必须小于150K(不含图片)
a) 静态文件是否gzip
b) 图片是否(fou)压缩优(you)化过

第八步、读取Cache

优化规则-- 添加Expire或Cache-Control

应用于不经常变化的组件,包括脚本、样式表、Flash组件、图片
Expires和Cache-Control

规则规则 -- 使用外部的Js和Css文件

尽能能选用外接Js和Css,而是我门当今大一部分Js和Css都做Gzip和缓存系统,能能完全凭借。

第九步、处理元素

不能对image和pdf等二进制材料做gzip减少

 第十步、渲染元素

优化规则 -- 将样式表放在顶部

 表面原来对话框需要将样板表放在对话框顶端,联合开发人工如无特有主观原因也需要将样板表放在顶端。 不同占多数是毕竟masterpage其原因始终无法 将各个款式表置顶,在大改改造masterpage时,尽概率根据此条件实现定制。 

优化规则 – 建议将脚本放在底部

 一般的看器能容许并行性使用,在于于设备主机最大数、带宽使用等(默认要求的情况下,IE是俩个而FF是3个)

下载脚本时并行下载实际上是被禁用的。
 

优化规则-- 移除重复脚本

 需要为0 

优化规则 -- 避免CSS表达式

影晌手机浏览器器渲染图时期

优化规则 – 优化图像

硬着头皮施用GIF和PNG以便运行png/gif版式的照片,png的照片先,可是务必目光如要兼容IE6,则png运行一定的要目光无色方面。所有图片在以前前一些要先工伤保险具压缩的简化(png、jpg)

 Javascript开发规范

门头的(de)好项(xiang)目在前端(duan)开发 JS 各方面有几必须(xu)制(zhi)定的(de)指标: 

  1. 代码逻辑分层
  2. 避免全局变量
  3. 便于多人协作开发
  4. 各部分代码模块化,可以按需加载
  5. 保持全局变量的清洁
  6. 可进行单元测试

上一篇:Godaddy主机快速安装Zen Cart程序建立网站教程

下一篇:谨防网络支付常见七大骗局

 推荐阅读
  • Copyright © 2009—2022 ,14thicclp.org,All Rights Reserved. |   | 
  • 关于本站  |  网站声明  |  网站导航  |  留言交流  |  友情链接  |   |  个人网站大全  |  音乐电台  |  祝福频道  | 
  • 版权声明:凡注明本站原创文章、作品,未经本人许可,任何人或机构不得以任何形式对本站内容进行复制作商业用途.
  • 本站部分文章、资源来自互联网,版权归原作者及网站所有,如果侵犯了您的权利,请及时致信告知我站.
  • 地址:中国·贵州·贵阳  邮编:550018   微信公众号:WEBZZQ  邮箱:admin@14thicclp.org
  • QQ:470870191 欢迎各位站长加入个人网站交流讨论QQ群: 15410235
  • 访问统计: