如何优化网站页面提高网页的加载速度

网站要想加载快无非就是减少http请求次数，下面说一下具体做法：

1：字符集声明

如果<head>部分未定义字符集，将增加页面渲染次数，速度减慢。

2：Meta信息完善程度

建议网站meta信息填写完整

3：合并域名

4:取消重定向

无论是通过服务器端重定向或者JavaScript代码进行内容重定向。网站都会首先加载一个空白的页面，然后在定向到另外的页面，这样不仅延长了页面的加载时间，还很有可能导致无法跳转，让用户面对一个“空白”页面。

5:合并JS

清除重复多余的脚本,将网站中的js封装到一起,缩小JavaScript比如去除不必要的空格等其他标签等

6:合并CSS

将网站中的css封装到一起

7:使用Css Sprite

CSS Sprites简介 CSSSprites在国内很多人叫css精灵，是一种网页图片应用处理方式。

8:启用Gzip

9:CSS位置

建议将他们放到<body>前,CSS放在<body>后，页面需要重新渲染，打开速度受到影响。

10：js位置

JS放在页面最后，可以加快页面打开速度。

11：图片大小声明

如果图片大小不做定义，则页面需要重新渲染，速度受到影响。

12：图片Alt信息检测

建议为网页img标签增加alt信息（检测信息为整个页面图片，加入这项信息可使网页上的图片更容易被用户检索到）

13：去除错误连接

无法打开的连接，会导致页面打开缓慢，请及时修正或删除。并给网站做404。

14：缓存静态资源

变化很少的静态资源可以设置客户端缓存，减少请求。比如一篇文章发布后就不在改了，这样就应该生成html文件，来提高网站加载速度。

15：URL长度检测

建议URL长度在256字节以内，有关url更多建议参考

16：在静态页面上不建议使用动态参数

在静态页面上使用动态参数，会造成spider多次和重复抓取“检测出很多.php的URL，其实就是动态网页

17：尽量不用Frame/iFrame

18:Flash不要出现没必要的文字信息

19:减少域名DNS查找时间

用户在浏览器的地址栏中键入域名后，浏览器就会通过DNS系统查找域名对应的IP地址，所以需要将DNS的时间设置在较低的水平，比如平均60-100毫秒进行一次DNS查询。

PS ：原文地址http://www.phpernote.com/seo/631.html

以前做网站很少考虑网站加载的问题，这两天组长要我们优化主站，才发现有很多需要优化的地方，并且有很多好的方法，希望在这条道路上有所成长。

如何优化网站页面提高网页的加载速度相关推荐

怎样提高图片的加载速度?
各位大佬,我想请教一下,再不改变服务器带宽的情况下,资源代下载从技术上如何提高图片的加载速度呀. 硬件是上限,你最多做静态分离,CDN,专门的事情丢给专门的工具来做. 哦哦哦,请问下2M的带宽,加载3 ...
SPA单页面应用首屏加载速度提升方法
SPA单页面应用首屏加载速度提升方法首屏加载计算首屏加载时间公式解决方法减少入口文件体积静态资源本地缓存 UI框架按需加载避免组件重复打包图片资源压缩开启GZip压缩首屏加载首屏加 ...
Web前端性能优化——如何有效提升静态文件的加载速度
原文链接:https://wetest.qq.com/lab/view/345.html?from=content_qcloud WeTest 导读此文总结了笔者在Web静态资源方面的一些优化经验. ...
新技能Get：如何利用HTTP技术提升网页的加载速度
在这个信息爆炸的时代,使用移动终端获取新鲜信息已经是大势所趋,但是移动网页浏览速度还有巨大的提升空间.据 Strangeloop Networks 统计,在同样的网络条件下,使用移动端访问相同网页平均 ...
vue路由懒加载_优化vue项目的首屏加载速度
最近使用vue-cli3构建了一个小型的博客系统,完工之后,build打包出来发现一个chunk-vendors包就有1.1m,部署上去之后,访问的时候,首屏加载非常慢.居然需要21s,体验极差. 这 ...
nginx加载图片慢_优化vue项目的首屏加载速度
最近使用vue-cli3构建了一个小型的博客系统,完工之后,build打包出来发现一个chunk-vendors包就有1.1m,部署上去之后,访问的时候,首屏加载非常慢.居然需要21s,体验极差. 这 ...
网页渲染加载速度过慢的原因？（项目问题）
一.网页加载慢的原因在页面渲染的过程,导致加载速度慢的因素可能如下: 网络延时问题资源文件体积是否过大资源是否重复发送请求去加载了加载脚本的时候,渲染内容堵塞了二.解决方案常见几种SPA首 ...
vue按需加载组件_微人事首页加载速度提高了 5 倍，我都做了什么？
「本文之前发过,但是比较零散,这里我把用到的方案都汇总一下,方便大家索引,有需要的小伙伴可以收藏下方便查找.里边提到的几种方案,大家都可以对照着视频试一下」 ElementUI 按需加载: 服务端开启 ...
网站设计者:提高网页打开速度的一些小技巧
互联网带宽越来越宽,似乎让网页的加载速度得到了质的飞跃.其实不然,因为随着带宽的提高,网页上的对象也越来越多,因此加快网页打开速度还是一个重要的课题.加快网页的打开速度,有三个路径,一是提高网络带宽, ...

如何优化网站页面提高网页的加载速度

如何优化网站页面提高网页的加载速度相关推荐

最新文章

热门文章