提高网站访问速度的方法汇总

news/2024/5/12 17:35:37/文章来源:https://blog.csdn.net/weixin_33802505/article/details/93249728

以下方法都有在公司实际项目中应用,的确能够提升客户端体验和访问速度。

1、建议客户端使用Chrome或高版本IE浏览器;

2、能够实现静态化的页面尽量在服务器端保存静态页面,访问动态页面肯定会比静态页面慢。

3、减少HTTP请求

     1)合并压缩js、css,可以使用前端自动化构建工具。

        例如:grunt(使用说明:http://www.cnblogs.com/wangfupeng1988/p/4561993.html)、gulp 、

                很不错的google在线js压缩工具:http://closure-compiler.appspot.com/home

        

    2) 使用精灵图,将一些小图标做成一张图片,再使用CSS进行定位。

    3) 使用Iconfont,优点占用资源小,可以和字体一样设置大小和颜色。

          推荐两个免费的iconfont下载地址:http://www.flaticon.com   http://www.iconfont.cn 

    4) 移动端页面利用CSS3(圆角、阴影、渐变、透明等)替换不必要图片。

4、使用内容发布系统CDN

      将一些访问量较大的静态资源放在CDN服务上,另外国内各大互联网公司都有免费提供常用JS框架。

      例如:http://cdn.code.baidu.com/

              http://www.bootcdn.cn/

<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.0.min.js"><\/script>')</script>

 

5、静态资源客户端缓存

     将静态资源(例如:图片、js、css)在客户端进行缓存,该效果非常明显,性能可以提升50%以上。

     

     IIS中设置方法:

       1)打开“HTTP响应标头”

            

       2)设置常用标头

            

       3)设置静态内容缓存时间

            

    Apache 设置方法:

    具体设置方法可以参照:http://www.maixj.net/wangzhan/shezhiwangyejingtaineironghuancunshijian-1187

    开启LoadModule expires_module modules/mod_expires.so模块

    然后,在httpd.conf中添加如下内容:

<IfModule mod_expires.c>
# enable expirations
ExpiresActive On
ExpiresDefault A2592000
# expire images after a month in the client's cache
ExpiresByType image/gif A2592000
ExpiresByType image/jpg A2592000
ExpiresByType image/jpeg A2592000
ExpiresByType image/png A2592000
# css/js
ExpiresByType text/css "access plus 4 weeks"
ExpiresByType text/javascript "access plus 4 weeks"
# html
ExpiresByType text/html "access plus 2 days"
</IfModule>

 

6、Link样式标签应放在Head标签中,否则IE浏览器可能加载时会白屏

7、js文件引用放在页面底部</body>标签内

8、将js和css放到外部文件中,这样通过静态文件缓存,可以有效减少html页面的大小

9、资源懒加载

     通过将图片或其他资源按需加载,可以有效提高用户体验,如各大电商网站(淘宝、天猫、京东等)目前都有对图片进行按需加载,当图片即将进入可视区域则进行加载。

     以下是天猫首页部分html截图

10、JavaScript 优化

     以上几点大部分都是优化网络资源,如果当页面中需要执行大量js代码时我们也有必要对js进行优化。

     我们可以使用 Chrome Profiles来检查js代码,从而找出比较消耗资源的代码再具体进行优化。

     Chrome开发者工具之JavaScript内存分析:http://www.open-open.com/lib/view/open1421734578984.html

 

 

转载于:https://www.cnblogs.com/rdst/p/4747786.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_820080.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Joomla 一个实例建站过程

之前就想过写一个用 joomla的virtuemart组件制作外贸b2c零售网店的教程给大家分享&#xff0c;刚好最近要重新部署和策划公司的外贸b2c业务&#xff0c;趁着这个热乎劲&#xff0c;赶紧 把教程赶出来&#xff0c;不趁热打铁&#xff0c;很多事情是做不成的&#xff0c;大家都忙…

Microsoft Azure WebSite创建网站

Microsoft Azure WebSite是Microsoft Azure中PaaS平台既服务到一个重要组件&#xff0c;WebSite具有以下特点&#xff0c;方便我们WEB部署和上线发布l 入门简单&#xff0c;开始简单&#xff0c;可以按照你的想法扩展&#xff0c;无任何的困难。l 编码容易&#xff0c;可以使用…

禁止视频网站使用Flash P2P上传

众所周知中国的网络国情&#xff0c;还有一大部分人活在电信/网通这两个老流氓的adsl线路上。目前中国电信4m的ADSL基本在400k/s的下载速度和50k/s的上传速度&#xff08;这里我就不说bps了&#xff0c;就说大家能看到的下载速度&#xff09;&#xff0c;又由于ADSL的不对称速度…

查询类网站或成站长淘宝客新金矿

流量是玩转互联网的基础&#xff0c;传说的中的大牛一般都是倒腾流量的高手。在大牛眼中抓取流量是一门艺术&#xff0c;背后玩的是五花八门的思路。这篇文章斗胆跟大家分享一个好玩的思路。文章将以剥洋葱的方式展开&#xff0c;希望剥完这颗洋葱会让你有相见恨晚之感。在切入…

linux重装系统到sdb盘,linux怎样重装系统_网站服务器运转保护,linux,重装,系统

Linux体系原有分区/data 有数据&#xff0c;在不格式化/data分区的情况下重装体系需预备一台有/data 分区的虚拟机然后加载ISO 入手下手重装并保存/data分区直接加载到分区界面根据一入手下手得知/data分区是2048MB 所以直接挑选保存此分区免费在线进修视频教程引荐&#xff1a…

一天完成把PC网站改为自适应!原来这么简单!

http://www.webkaka.com/blog/archives/how-to-modify-a-web-page-to-be-responsive.html 一天完成把PC网站改为自适应&#xff01;原来这么简单&#xff01; 作者:Kaka 时间:2015-8-27 11:26:9 浏览:5279 评论:8 网站自适应&#xff0c;很多人都认为是很高级需要很多…

职业相关网站记录

为了便于查阅资料、拓展思路&#xff0c;特记录下与职业相关的网站&#xff0c;持续更新敢问路在何方&#xff1f;7成在努力&#xff0c;3成在觉悟&#xff01; 软件开发 .NET&#xff1a;博客园 http://www.cnblogs.com/ Java: ITEYE http://www.iteye.com/ 综合&#xff1a;C…

seoer在创业团队6个月的故事

今天天气不错&#xff0c;久违的阳光。自一个月前和朋友去踩单车环绕大夫山之后&#xff0c;就一直是雨天&#xff0c;阴天&#xff0c;广州这边春天本来就够潮湿的&#xff0c;春季没有在这边呆过的童鞋绝对无法想象&#xff0c;墙壁上流水&#xff0c;地上返潮是什么概念。今…

非常不错的app和网站

置顶&#xff1a; word、pdf之间相互转换的网站&#xff1a; https://www.addpdf.cn 很棒啊 1. Global Potplayer 这个软件简直了&#xff0c;播放各种视频&#xff0c; 无论是本地的&#xff0c;还是在线的&#xff0c;都非常的清晰还可以调节速度等&#xff0c;值得拥有。 效…

多年前写的一个ASP.NET网站管理系统,到现在有些公司在用

多年前写的一个ASP.NET网站管理系统&#xff0c;到现在有些公司在用 今早上接到一个电话&#xff0c;自已多年前写的一个ASP.NET网站管理系统&#xff0c;一个公司在用&#xff0c;出了点问题&#xff0c; 第一点是惊奇&#xff0c;5&#xff0c;6年前的东东&#xff0c;手机号…

前端开发必备优质网站

一、 平台名称&#xff1a;HTML5 Tricks 推荐指数&#xff1a;⭐⭐⭐⭐⭐ 推荐理由&#xff1a; 该站点发布了优秀的html5动态效果&#xff0c;相当经典&#xff0c;应有尽有&#xff0c;而且&#xff0c;特效超级绚丽&#xff0c;背后的知识点相当庞大&#xff0c;值得好好…

网站使用https协议的数据安全防护之谈

说起https协议&#xff0c;大家都不会太陌生&#xff0c;简单来讲就是SSL证书&#xff0c;当访问我们网站的时候会直接显示绿色的标识&#xff0c;对于用户的访问&#xff0c;以及数据传输都会进行高强度的安全加密&#xff0c;防止用户的数据泄露&#xff0c;数据安全防护也是…

40个学术网站

40个学术网站&#xff0c;满足你的科研需求&#xff01; 2018-03-06 美国留学那点事文&#xff0f;中外学术情报 微信号&#xff1a;Academic_Information 科研工作者每天日常莫过于看文献、做实验、写论文。人生最郁闷的事情不过于是导师说&#xff0c;那个XX&#xff0c;帮我…

网站分析实战--如何以数据驱动决策,提升网站价值(大数据时代的分析利器)...

《网站分析实战--如何以数据驱动决策&#xff0c;提升网站价值》&#xff08;大数据时代的分析利器&#xff09;基本信息作者&#xff1a; 王彦平 吴盛峰 出版社&#xff1a;电子工业出版社ISBN&#xff1a;9787121193125上架时间&#xff1a;2013-1-10出版日期&#xff1a;201…

vue 网站图标favcion.ico图标的处理

1.把.ico图标和index文件放在同级 2.在webpack.dev.conf.js和webpack.prod.conf.js这两个文件中进行如下修改&#xff1a; favicon: resolve(favicon.ico), function resolve(dir) {return path.join(__dirname, .., dir) } plugins: [new webpack.DefinePlugin({process.env:…

一文读懂SSL证书以及https对于网站安全的重要性

什么是https和SSL证书&#xff1f; SSL证书是数字证书的一种&#xff0c;类似于驾驶证、护照和营业执照的电子副本。因为配置在服务器上&#xff0c;也称为SSL服务器证书。 SSL 证书就是遵守 SSL协议&#xff0c;由受信任的数字证书颁发机构CA&#xff0c;在验证服务器身份后颁…

Scrapy使用代理爬取网站

timg.jpg前言 在我们平时使用爬虫程序采集数据时&#xff0c;往往会遇到&#xff0c;因采集速度过快导致的自己网络ip被目标网站封禁&#xff0c;这种封禁有时候是封几分钟&#xff0c;有时候是封一天&#xff0c;封的时间不等&#xff0c;但是这样会导致我们局域网内其他人也无…

(转) 网站统计中的数据收集原理及实现

原文地址&#xff1a;http://blog.codinglabs.org/articles/how-web-analytics-data-collection-system-work.html 网站数据统计分析工具是网站站长和运营人员经常使用的一种工具&#xff0c;比较常用的有谷歌分析、百度统计和腾讯分析等等。所有这些统计分析工具的第一步都是网…

LAMP网站架构方案分析

LAMP网站架构方案分析 LAMP&#xff08;Linux-Apache-MySQL-PHP&#xff09;网站架构是目前国际流行的Web框架&#xff0c;该框架包括&#xff1a;Linux操作系统&#xff0c;Apache网络服务器&#xff0c;MySQL数据库&#xff0c;Perl、PHP或者Python编程语言&#xff0c;所有组…

大型网站技术架构(二)架构模式

2019独角兽企业重金招聘Python工程师标准>>> 每一个模式描述了一个在我们周围不断重复发生的问题及该问题解决方案的核心。这样&#xff0c;你就能一次又一次地使用该方案而不必做重复工作。 所谓网站架构模式即为了解决大型网站面临的高并发访问、海量数据、高可靠…