您现在的位置是:福州网站建设 > 客户案例
提高网站访问速度缩短网页加载时间
福州网站建设2024-09-20 10:39:30【客户案例】4人已围观
简介1、减少页面HTTP请求数量比较直接的理解就是要减少调用其他页面、文件的数量。A.我们在使用css格式控制的时候,经常会采用background载入很多图形文件,每个background的图像至少产生
1、提高减少页面HTTP请求数量
比较直接的网站网页理解就是要减少调用其他页面、文件的访问数量。
A.我们在使用css格式控制的速度缩短时间时候,经常会采用background载入很多图形文件,加载每个background的提高图像至少产生1次HTTP请求,一般我们为了让页面生动活泼会大量使用background来加载背景图,网站网页要改善这个状况,访问可以采用css的速度缩短时间1个有用的background-position属性来加载背景图,我们将需要频繁加载的加载多个图片合成为1个单独的图片,需要加载时,提高采用以下形式加载即可将这部分图片加载的网站网页HTTP请求缩减为1个。
2
网站加载时间 网站访问速度 网站优化 用户体验
B.采用Image maps,访问这个方法也比较常用,速度缩短时间只是加载限于同1个区域使用。
C.Inline images,这个方法很少见到,但对于很小很简单的图像却是很实用的,相关语法标准参照:tools.ietf.org/html/rfc2397。
2、使用CDN(Content Delivery Network)网络加速
现在国内做CDN加速业务的公司很多,简单讲,就是将你的图片、视频扩散到CDN网络所能到达之处,让用户访问时能就近下载到这些文件,从而达到网络提速的目的,这样做,同时能减轻你自己网站的负载。
3、添加文件过期或缓存头
对于同一用户频繁访问的图片、Js脚本文件等可以在Apache或Nginx设置其缓冲 时间,例如设置24小时过期时间,这样用户在访问过该页面之后再次访问时,同一组图片或JS不会再重复下载,从而减少了HTTP请求,用户访问速度明显有 所提升,同时服务器负载也会下降。下面给出nginx配置中缓存控制的 例子:
1
网站加载时间 网站访问速度 网站优化 用户体验
4、服务器开启gzip压缩
这个大家都比较了解,即将需要传输的内容压缩后传输到客户端再解压,这样在网络上传输的 数据量会大幅减小。通常在服务器上的Apache、Nginx可以直接开启这个设置,也可以从代码角度直接设置传输文件头,增加gzip的设置,也可以从 负载均衡设备直接设置。不过需要留意的是,这个设置会略微增加服务器的负担。
5、css格式定义放置在文件头部
这项设置对于用户端是慢速网络或网页内容比较庞大的情况比较有利,可以在网页逐步呈现的同时仍会保持格式信息,不影响网页美感。
6、Javascript脚本放在文件末尾
很多Javascript脚本执行效率低下,或者有的第3方域名脚本出现意外无法载入, 如果将这些脚本放置到页面比较靠前的位置,可能会导致我们自己网站的内容载入速度下降甚至无法正常加载,所以一般将这些脚本放置在网页文件末尾,一定要放 置在前面的脚本要改用所谓的“后载入”方式加载,在主体网页加载完成后再加载,防止其影响到主体网页的加载速度。
7、避免使用CSS脚本(CSS Expressions)
有时为了要css的参数动态改变,可能会采用css expression来实现,但这样做得不偿失,会使用户端浏览器负担明显加重,所以不建议这样做,如果需要改变,可以使用Javascript脚本去实现。
8、css、javascript改由外部调用
如果css、js内容比较庞大,尽量不要写到同1个页面中去,改由外部载入比较妥当,因为浏览器本身会对css、js文件进行缓存。
9、压缩Javascript、CSS代码
一般js、css文件中存在大量的空格、换行、注释,这些利于阅读,如果能够压缩掉,将会很有利于网络传输。这方面的工具也有很多,一般可以保留开发版本,利用工具生成生产版本,2个文件比较,一般压缩率能达到50%以上,减少的数据量还是比较可观的。
我这个博客刚改版完成,各种代码还没有进行优化和压缩,目前yslow评级只能达到D,等有时间进行部分优化,达到C等级应该问题不大。
比较直接的网站网页理解就是要减少调用其他页面、文件的访问数量。
A.我们在使用css格式控制的速度缩短时间时候,经常会采用background载入很多图形文件,加载每个background的提高图像至少产生1次HTTP请求,一般我们为了让页面生动活泼会大量使用background来加载背景图,网站网页要改善这个状况,访问可以采用css的速度缩短时间1个有用的background-position属性来加载背景图,我们将需要频繁加载的加载多个图片合成为1个单独的图片,需要加载时,提高采用以下形式加载即可将这部分图片加载的网站网页HTTP请求缩减为1个。
2
网站加载时间 网站访问速度 网站优化 用户体验
B.采用Image maps,访问这个方法也比较常用,速度缩短时间只是加载限于同1个区域使用。
C.Inline images,这个方法很少见到,但对于很小很简单的图像却是很实用的,相关语法标准参照:tools.ietf.org/html/rfc2397。
2、使用CDN(Content Delivery Network)网络加速
现在国内做CDN加速业务的公司很多,简单讲,就是将你的图片、视频扩散到CDN网络所能到达之处,让用户访问时能就近下载到这些文件,从而达到网络提速的目的,这样做,同时能减轻你自己网站的负载。
3、添加文件过期或缓存头
对于同一用户频繁访问的图片、Js脚本文件等可以在Apache或Nginx设置其缓冲 时间,例如设置24小时过期时间,这样用户在访问过该页面之后再次访问时,同一组图片或JS不会再重复下载,从而减少了HTTP请求,用户访问速度明显有 所提升,同时服务器负载也会下降。下面给出nginx配置中缓存控制的 例子:
1
网站加载时间 网站访问速度 网站优化 用户体验
4、服务器开启gzip压缩
这个大家都比较了解,即将需要传输的内容压缩后传输到客户端再解压,这样在网络上传输的 数据量会大幅减小。通常在服务器上的Apache、Nginx可以直接开启这个设置,也可以从代码角度直接设置传输文件头,增加gzip的设置,也可以从 负载均衡设备直接设置。不过需要留意的是,这个设置会略微增加服务器的负担。
5、css格式定义放置在文件头部
这项设置对于用户端是慢速网络或网页内容比较庞大的情况比较有利,可以在网页逐步呈现的同时仍会保持格式信息,不影响网页美感。
6、Javascript脚本放在文件末尾
很多Javascript脚本执行效率低下,或者有的第3方域名脚本出现意外无法载入, 如果将这些脚本放置到页面比较靠前的位置,可能会导致我们自己网站的内容载入速度下降甚至无法正常加载,所以一般将这些脚本放置在网页文件末尾,一定要放 置在前面的脚本要改用所谓的“后载入”方式加载,在主体网页加载完成后再加载,防止其影响到主体网页的加载速度。
7、避免使用CSS脚本(CSS Expressions)
有时为了要css的参数动态改变,可能会采用css expression来实现,但这样做得不偿失,会使用户端浏览器负担明显加重,所以不建议这样做,如果需要改变,可以使用Javascript脚本去实现。
8、css、javascript改由外部调用
如果css、js内容比较庞大,尽量不要写到同1个页面中去,改由外部载入比较妥当,因为浏览器本身会对css、js文件进行缓存。
9、压缩Javascript、CSS代码
一般js、css文件中存在大量的空格、换行、注释,这些利于阅读,如果能够压缩掉,将会很有利于网络传输。这方面的工具也有很多,一般可以保留开发版本,利用工具生成生产版本,2个文件比较,一般压缩率能达到50%以上,减少的数据量还是比较可观的。
我这个博客刚改版完成,各种代码还没有进行优化和压缩,目前yslow评级只能达到D,等有时间进行部分优化,达到C等级应该问题不大。
很赞哦!(15857)
下一篇: 如何选择优质的网站建设公司
站长推荐
友情链接
- 自媒体新玩家 京东号即将上线
- 如何做好一份微信营销方案
- 企业建设手机网站的好处有哪些?
- 分析现阶段微信营销的着重点-深圳网站建设分享
- 微信营销:如何提高用户对公众号的信任度
- 你还在微信朋友圈发广告吗?注意这几点然后你受益匪浅
- 网站建设设计如何体现高级感-深圳网站建设分享
- 现如今自媒体平台如此多 怎么规划运营
- apple pay带来什么商机-深圳网络公司分享
- 深圳微信营销的作用,有哪些方法在微信营销中是不能用的?
- 小米4与锤子手机哪个好?
- 微信营销扫盲贴:你必须掌握的28条技巧
- 微信营销如何获得更多的客户-深圳网站建设剖析引流方法
- 网站建设需要参考哪些优化元素才能把网站做好?
- APP网站能够给企业带来哪些好处?
- 如何做好一份微信营销方案
- 深圳网站制作|手机网站制作对企业有哪些好处?
- 通过微信营销超越竞争对手
- 企业如何选择服务号还是订阅号--深圳网站建设力荐
- 远程任意代码执行漏洞 看看你的微信修复了吗