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

news/2024/5/10 15:53:52/文章来源:https://blog.csdn.net/weixin_33672400/article/details/93987343

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

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_714229.aspx

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

相关文章

k邻近算法应用实例(一) 改进约会网站的配对效果

k邻近算法实例额&#xff08;一&#xff09; 改进约会网站的配对效果 应用背景&#xff1a; 某约会网站收集了一些数据放在datingTestSet.txt中&#xff0c;每个样本数据占据一行&#xff0c;总共有1000行。样本主要包含以下3种特征:□ 每年获得的飞行常客里程数 □ 玩视频游戏…

新手建站图文教程

目录一、购买域名和空间二、虚拟空间配置三、上传网站源码四、域名绑定五、域名备案一、购买域名和空间1、什么是域名&#xff1f;域名&#xff08;英语&#xff1a;Domain Name&#xff09;&#xff0c;简称域名、网域&#xff0c;是由一串用点分隔的名字组成的Internet上某一…

Windows下IIS中不能添加网站

1、问题描述 2、解决方案 主要是inetsrv这个文件除了问题&#xff0c;我是在另一台正常的windows系统中复制这个文件&#xff0c;覆盖到出问题的系统中&#xff0c;然后IIS就初始化了

python爬取携程和蚂蜂窝的景点评论数据\python爬取携程评论数据\python旅游网站评论数...

本人长期出售超大量微博数据、旅游网站评论数据&#xff0c;并提供各种指定数据爬取服务&#xff0c;Message to YuboonaZhangYahoo.com。同时欢迎加入社交媒体数据交流群&#xff1a;99918768 前言 为了获取多源数据需要到各个网站获取一些景点的评论信息和图片&#xff0c;首…

部分网站为什么上不去_天机SEO:分析网站收录与排名的重要因素

多年以来、B哥一直奋斗在SEO一线。只有在实战中才可以进步&#xff0c;才能发现问题所在。一些小技巧和小知识、也经常发在公众号中。前段时间听到一些不和谐的声音。因为我的文章末尾都会留下天机平台的广告、许多人说我的文章都是水文&#xff0c;在割韭菜&#xff01;谁都需…

mdk 加static会被优化吗_网站关键词排名优化你会吗?深圳龙岗网络外包公司讲解...

除了付费推广之外&#xff0c;目前的网络推广方式是搜索引擎优化&#xff0c;效果好&#xff0c;性价比高。SEO优化无非是提高公司网站的关键词排名&#xff0c;这样不仅可以提高网站的权重和排名&#xff0c;还可以给网站带来大量的流量&#xff0c;提高转换率。那么网站关键词…

连锁加盟网站源码_连锁60秒:招商只是开始,养商才最重要

今天是连锁60秒陪伴你的第 175 天作者&#xff1a;连锁服务员(wangning900912)来源&#xff1a;连锁服务员(lsfwy01)加盟商的资源怎么来&#xff1f;传统的方式是一个市场一个市场的去跑&#xff0c;找到利益相关者&#xff0c;找到潜在的加盟商资源&#xff0c;然后进行相关的…

java 沙盒模拟支付_网站对接paypal支付接口记录

注册企业账户&#xff0c;paypal账户必须升级为商户&#xff0c;才能实现回调功能&#xff0c;若使用个人用户也可以实现支付&#xff0c;但是无法回调&#xff0c;技术理论层面&#xff0c;如果要实现个人账户回调&#xff0c;只能实现前端回调。paypal商户账户需要进行设置回…

50 个 jQuery 插件可将你的网站带到另外一个高度 【已翻译100%】

Web领域一直在发生变化并且其边界在过去的每一天都在发生变化&#xff08;甚至不能以小时为计&#xff09;&#xff0c;随着其边界的扩展取得了许多新发展。在这些进步之中&#xff0c;开发者的不断工作创造了更大和更好的脚本&#xff0c;这些脚本以插件方式带来更好的终端用户…

社交网路Reddit前高管推出新网站挑战前东家

美国知名社区Reddit曾经的二号人物丹麦考玛斯&#xff08;Dan McComas&#xff09;希望建设一个更好的Reddit&#xff0c;专注于“健康而积极的社区”。此前&#xff0c;麦考玛斯对Reddit上存在的煽动性群组提出了激烈批评。 麦考玛斯此前与维多利亚泰勒&#xff08;Victoria T…

iis p访问php密码,访问IIS网站需要输入用户名密码(非匿名登录)问题汇总

无语了&#xff0c;最近不少Windows服务器都出现这个访问网站需要输入的问题&#xff0c;而且每次解决方法还不一样。。。唉&#xff0c;先汇总下解决方法吧&#xff0c;有时间再仔细研究下这些问题是如何导致的。当IIS已启用"允许匿名访问"的情况下&#xff0c;仍出…

大型网站技术架构(六)网站的伸缩性架构

2019独角兽企业重金招聘Python工程师标准>>> 网站系统的伸缩性架构最重要的技术手段就是使用服务器集群功能&#xff0c;通过不断地向集群中添加服务器来增强整个集群的处理能力。“伸”即网站的规模和服务器的规模总是在不断扩大。 1、网站架构的伸缩性设计 网站的…

如何提升网站安全性

建站很容易&#xff0c;但是做好网站的安全维护却是一件不容易的事情&#xff0c;随着逐年增加的网络攻击&#xff0c;网络黑客通过漏洞对网站进行攻击。为了避免网站遭到攻击&#xff0c;需要提升网站的安全性&#xff0c;同时不影响用户的体验。 在实际的运营管理当中&#x…

某网站前端页面性能测试

1页面性能测试概述页面性能测试则是针对于页面性能优化而开展的一种性能测试&#xff0c;目的是对Web系统的页面进行测试以确认系统页面是否会影响系统的性能并为页面的优化提供依据与建议&#xff0c;最终提升系统的整体性能表现&#xff0c;提高用户体验满意度。他的关注点是…

网站点击流数据分析项目

什么是点击流数据 1.1.1 WEB访问日志 即指用户访问网站时的所有访问、浏览、点击行为数据。比如点击了哪一个链接&#xff0c;在哪个网页停留时间最多&#xff0c;采用了哪个搜索项、总体浏览时间等。而所有这些信息都可被保存在网站日志中。通过分析这些数据&#xff0c;可以…

英文论文写作相关实用网站与工具整理

文章目录英文论文写作相关实用网站与工具整理1.文献查找与下载(1) 文献检索通用网站&#xff1a;出版商网站&#xff1a;(2) 文章下载对于中文文章、知网的文章等而对于英文文章2.文献管理Mendelay3.写作与翻译(1) 初步翻译(2) 精确表达a. 专业词汇的准确性对于专业词汇的准确性…

您与此网站建立的连接不安全_CDN加速网站SEO优化,这就是CDN

内容交付网络&#xff08;CDN&#xff09;是一种分布式服务器&#xff08;网络&#xff09;的系统&#xff0c;该系统基于用户的地理位置&#xff0c;网页的来源和内容交付服务器将页面和其他Web内容交付给用户。此服务可有效加快高流量网站和具有全球影响力的网站的内容交付。…

个人博客网站的设计与实现_使用hexo来搭建个人网站博客(超详细教程)

对于一个程序员来讲&#xff0c;有一个个人博客真的很重要&#xff0c;做项目中的 新知识点的总结&#xff0c;bug总结&#xff0c;还可以 锻炼自己的表达能力&#xff0c;所以百利无一害。今天说一下如何去搭建个人博客①&#xff1a;下载git方式一(官网下载)&#xff1a;http…

outlook搜索栏跑到上面去了_南昌搜索引擎seo优化

搜索引擎sl31b10eo优化南昌&#xff0c;SEO排名&#xff0c;它是指搜索引擎优化关键词排名。而影响到seo排名的因素有很多&#xff0c;比如说域名注册的时间&#xff0c;服务器的空间速度和稳定性&#xff0c;或者像是网站整体的结构&#xff0c;网站的内容等等都是影响了seo排…

打不开_网站源码安装后打不开?教你解决打不开

今天花点时间给你们写一篇文章&#xff0c;如何解决安装网站源码后&#xff0c;打不开网站的问题&#xff0c;以免你们在网上下载源码后&#xff0c;也是挺烦的。网站源码安装后打不开的解决方法网站源码安装后要先审查域名是否有正确解析&#xff0c;网站环境是否有配置正确&a…