网站性能优化怎么做?新手不知道的技巧

发布时间:2020/10/28    来源:互联网    1408

网站性能优化怎么做?网站性能优化是一定要做的,一个网站想要做得更好,网站的一些基础性优化得知道,下面聚名商学院就带大家看看网站性能优化怎么做。

一、减少HTTP请求:

图片合并 (CSS Sprites)、JS 脚本文件合并、CSS 文件合并

 

二、减少DNS查询

DNS查询服务指域名查找,将请求域名转化为对应IP地址,再将IP地址返回浏览器,这个过程会花费一定时间会影响页面加载,所以需要尽可能的减少DNS查询

方法:缓存 DNS 查找可以改善页面性能,大多数浏览器本身有缓存系统,但缓存时间又不一致,缓存时间越长,DNS保存时间越长。

网站性能优化

当客户端 DNS 缓存为空(浏览器/操作系统都为空) DNS 查找次数和页面中主机名数量相同。其中包括页面中 的URL、图片、脚本文件、样式表、Flash对象等所包含主机名。减少主机名数量能减少DNS查找次数,还可以减少页面并行下载数量、节省响应时间,但是减少并行下载会增加响应时间。原则是把这些页面中的内容分割成至少两部分但不超过四部分,而结果需要在减少,DNS 查找次数与保持较高程度并行下载之间的抉择。

 

三、将 CSS 放至最页眉,将js放至页尾

CSS 放在页眉可以防止出现“白屏”、闪跳现象,即减少页面首屏出现时间。JS 下载和执行会阻塞 Dom树构建(或者是中断Dom树更新),所以标签放在首屏范围内 HTML 代码段里会截断首屏内容。而且 JS 中可能会对 DOM节点进行操作,这时代码自上向下执行会造成 JS 对相应元素操作失效。所以 JS 放在页尾。

 

四、压缩 JS/CSS

减少文件体积,去除非必要空白符、格式符、注释……等(即对代码进行格式化)。

 

五、将 JS/CSS 提取至外部文件

需要灵活运用,将 JS 和 CSS 提取至外部文件可以减少 HTML 体积、提高 JS/CSS 复用性、提高可维护性。

缺点:增加了 HTTP 请求,但可通过缓存解决

什么情况下将 JS 和 CSS 写在页面内呢?可以分为几种情况:JS/CSS 代码比较少;这个页面不怎么会访问。

 

六、避免重定向

重定向是用户请求页面被转移至另一位置,浏览器向服务请请求页面,服务器告诉浏览器请求页面已经被转移至另外一个页面,并告知另一个页面地址,浏览器就再发送请求到重定向的地址。这会增加服务器和浏览器之间往返次数,从而影响网站性能。

重定向状态码有:301 永久重定向 302临时重定向。304 not modified 并不是真的重定向,它是用来告诉浏览器get请求的文件在缓存中,避免重新下载。

官方电话:400-997-2996

工作时间:周一至周五
(09:00 - 18:00)

温馨提示

恭喜你,话题已提交成功!

我们将尽快对您的话题进行审核,请耐心等待

讲师
入驻
课程
咨询
意见
反馈
福利
专区

关注微信公众号

领取更多课程福利

扫码关注