web前端页面优化方案个人总结

我写的是比较简单一点的页面优化方案。

黄金时段:

在正常页面的情况下,若页面加载时间超过8秒时间,那么你可能会损失85%以上的用户。

页面进行优化,其实有两种方式,一是软件优化,二是硬件优化;

软件优化:

1.html优化

布局优化;减少空格;不用table布局;尽量不用<iframe>标签;

2.css优化

可以用css实现的尽量不用js实现;css代码压缩;css合并;用字体图标代替图片;

3.js优化

图片优化(预加载/懒加载/延时加载);视频或音频不加载,当点击之后开始单独加载视频或音频;能用三元运算不用if else;将js链接或者<script>标签放到body后面;

4.http优化

尽量减少需要发送的http请求;

5.Ajax优化

可以使用Ajax异步请求的话尽量异步请求;

6.缓存方面

使用浏览器的缓存机制,不需要每次登录或者怎么样都需要再去访问服务器;

7.刷新方面

全局刷新;局部刷新,尽量使用局部刷新;

硬件优化:

1.设置负载均衡服务器

通过负载均衡服务器使得后台数据压力平衡;

2.增加带宽

但是硬件的成本远远高于软件优化。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,750评论 1 45
  • 网站优化离不开前后端的互相协作,但是对于前端工程师来说,在保证后端技术方案不变时,能不能只利用前端技术来优化网站呢...
    留七七阅读 6,392评论 0 31
  • 前端开发面试知识点大纲: HTML&CSS: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:...
    秀才JaneBook阅读 2,570评论 0 25
  • yahoo军规一共分8个部分共35条: 内容部分: 1. 尽量减少HTTP请求数 80%的终端用户响应时间都花在了...
    revert阅读 4,790评论 0 2
  • 一、理论基础知识部分 1.1、讲讲输入完网址按下回车,到看到网页这个过程中发生了什么 a. 域名解析 b. 发起T...
    我家媳妇蠢蠢哒阅读 3,175评论 2 106