提高网站打开速度的7大秘籍

news/2024/5/13 18:07:01/文章来源:https://blog.csdn.net/u011684254/article/details/44534321

很多站长使用虚拟主机来做网站,网页内容一旦很多,网站打开速度就会特别慢,如果说服务器、带宽、CDN这类硬指标我们没有经济实力去做,不妨通过网页代码优化的方式来提高速度,卢松松总结了一些可行性的方法。

1: 缩小Javascript和CSS文件

如果你的网站大约有50-60%的用户是第一次访客,那么这些人会下载Javascript和CSS,如果这些文件很大浏览器会下载很长时间。

使用压缩工具可以减少Javascript和CSS尽一半的文件大小,如果你有信心使用“命令行”我强烈推荐使用雅虎的YUI压缩,至少能提高40%到60%的压缩率,如果你是在不懂可以用站长之家的CSS\JS压缩工具。

2:减少HTTP请求

浏览器会花费80%的时间获取外部元件,包括脚本、样式表、图像等,只有20%的时间用来加载内容,每个网站都会有许多HTTP请求,由于只有2个HTTP请求可以在同一时间传送,所以请求一旦过多就会造成延迟。

提高网站打开速度的7大秘籍

通过Yslow可以看出我博客的HTTP请求数,可以看到JS、CSS和CSS引用的图片文件过多,导致HTTP请求过多。

3:缓存图片、CSS和Javascript

每当一个新用户访问你的网站,图片、CSS和Javascript应该在其浏览器缓存,这样他们下一次访问就特别快。

绝大多数windows主机已经默认启用了,只需要在控制面板中设定过期时间和文件类型那个就可以了,我建议图片、CSS和Javascript时间可设置为一个月。而对于Apache Web服务器,使用mod_cache模块开启缓存。:

4:合并CSS引用图片

如图一所示,很多网站的图片都是切成小块的,这样下来就会有大量CSS引用图片,如卢松松博客的CSS就引用了14张图片,cssimages也是影响网站速度的一种重要因素。

如果我们把CSS图片合并成一个,14个HTTP请求变成1个,想想会是什么效果?它的原理就是通过CSS坐标的方式取得图片径路,每个CSS标签引用不同坐标就会得到不同图片。我们看到很多网站的CSS图片只有一张,用的就是这个原理。

不懂也没有关系,CSS图片合并生成器这个网站能帮助你合并CSS图片,并且能得到相应代码。

5:只加载<head>部分的基本脚本

这个最简单,不花时间,点击自己网站右键“查看源文件”找到<head>与</head>之间的区域,看看那些不重要好的JS文件,把它仍到页面底部,也就是让它最后加载。或者直接删除。

例如卢松松博客引用的jiathis(社会化分享按钮)和util.js(回顶部、写评论快捷标签),让它最后加载,这样能提升内容打开速度,而且它们也不太重要。

6:对图像进行压缩

除非你加载视频,那么影响网站速度罪魁祸首应该就是图片了,如果是jpeg、png图片,保证不失品质的前提下,让他们尽量压缩,Fireworks软件“导出向导”功能,它提供了一个很好的方式来预览保存的图像,让图片大小与质量之间平衡,大多数其他图像编辑软件都有类似的功能。

例如我的每篇博文配图都用了“导出向导”功能,我尽量把图片都压缩在30K以内,在一定程度上加快了浏览速度,但也有部分图片失真,看不清楚。

7:开启gzip模块

gzip压缩是非常流行的一种数据压缩格式,一般网站启用gzip后,压缩率都会有70%-80%的提升,效果是立竿见影的。

部分虚拟主机默认有gzip功能,但大部分没有,独立主机、VPS一般可以设置,开启gzip会加重服务器负担,而且要修改服务器配置,强烈建议大家开启gzip,如果不清楚可以问问所在空间商,让他们帮忙开启。

相关阅读:

影响网站打开速度的9大因素

测试网站访问速度的5个方法

小技巧给网页减肥,让网站提速

巴士文章列表插件会拖慢Z-blog速度

精简ZBlog模版代码,提高页面打开速度

流量统计是否影响网站速度

Firebug和Yslow是个好工具

去掉了博客Gravatar头像

启用lazyload插件,减少图片加载

Yslow的使用方法

JS代码优化技巧之通俗版

来源:卢松松博客(微信/QQ号:13340454),欢迎分享本文,转载请保留出处!

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

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

相关文章

12个在线网站测速工具——web性能

网站的访问速度对于一个网站非常重要&#xff0c;没有一个人会喜欢速度慢的网站。下面是12款在线测试网站的访问速度和性能的工具&#xff0c;在优化网站的时候很有用。 Pingdom 测试网站每个元素的加载速度&#xff0c;比如html、图片、JS文件等等。 GTmetrix GTmetrix集合…

谷歌搜索将衡量网站速度

据国外媒体报道&#xff0c;Google搜索结果排名将考量网页加载速度因素&#xff0c;网页加载速度慢的网站的Google搜索结果排名很可能会下滑。 Google的两位首席搜索工程师阿米特‧辛格哈尔&#xff08;Amit Singhal&#xff09;和马特•卡茨&#xff08;Matt Cutts&#xff09…

怎样让网站的文章(内页)快速收录和发外链的方法

做网站的站长们都知道&#xff0c;网站的文章的收录数量往往决定着网站的权重和网站的排名&#xff0c;所以一些站长对于网站的索引量看的极其重要。而最让人头疼的是&#xff0c;有时候当你费尽心思的写出一篇高质量的原创文章发表到网站以后&#xff0c;却迟迟不被收录&#…

windows server服务器上部署java+tomcat网站域名配置

windows server服务器上部署javatomcat网站域名配置 如果只是部署java项目的话&#xff0c;可以把IIS删除&#xff0c;然后在服务器上安装jdk tomcat 配置好环境变量&#xff0c;就和你在自己计算机上开发一样&#xff0c;把你的项目war包拷到tomcat下的webapps里&#xff08;…

python使用selenium爬取网站流程 适用于抓取使用了js等异步加载技术的网站

Python使用urllib.open再配合BeautifulSoup解析是最快的网页抓取方式&#xff0c;但部分网站做了反爬&#xff0c;用这种抓取方法会出错&#xff0c;就是浏览器里看网页内容是有的&#xff0c;但Python里抓出来的是空架子无数据。这种时候可以F12观察网站是否有直接的数据接口返…

应用程序和网站中创建几乎任何类型的工业条码控件BarcodeX.NET

BarcodeX.NET条形码控件是一种.NET WinForms组件和ASP.NET服务器控件&#xff0c;它可以在您的应用程序和网站中创建几乎任何类型的工业条形码。 具体功能&#xff1a; 100% C#托管代码适用于.NET框架2.0&#xff0c;3.0和3.5支持的条码包括&#xff1a;DataMatrix, PDF-417, …

轻量级设计,让网站灵敏轻便的6个技巧

在网站或软件的策划和设计过程中&#xff0c;我们经常听到这样的讨论&#xff1a;“这个功能设计得太重了”又或“我们希望能够处理得轻一些”。似乎轻设计是时下炙手可热的话题&#xff0c;也是方兴未艾的Web2.0大浪下设计师们的最爱&#xff08;看看那些在全世界遍地开花的SN…

做网站用UTF-8还是GB2312?

经常我们打开外国网站的时候出现乱码&#xff0c;又或者打开很多非英语的外国网站的时候&#xff0c;显示的都是口口口口口的字符&#xff0c; WordPress程序是用的UTF-8&#xff0c;很多cms用的是GB2312。 ● 为什么有这么多编码&#xff1f; ● UTF-8和GB2312有什么区别&…

如何查询几年的网站历史排名变化

在做网站之前&#xff0c; 我们要有一个明确的市场群体的定位&#xff0c;了解用户群体和竞争者。首先要查询竞争者网站排名的变化情况&#xff0c; 最好是几年的排名变化情况&#xff0c; 时间越长越能看出该类型的网站在市场的占有率和需求的稳定性。 那么如何知道 同类竞争者…

查询 alexa.com 历史排名网站

alexa.com 目前提供全球的网站排名, 流量情况. 可以查看情况. 为了更加直观的展现排名变化曲线, 可以使用 http://ddline.cn/cn/url/bilibili.com https://www.alexa.com/siteinfo/bilibili.com 查看, 可以作为了解网站受欢迎程度的参考.

新建 SharePoint 网站集

进入管理中心&#xff0c;主菜单选择“服务设置”选项卡&#xff0c;此菜单选择SharePoint Online 点击网站集的“新建”按钮&#xff0c;看到新建ShartPoint Online网站集对话框 填写一些信息 然后点击“创建” 创建完成将得到以后界面提示 然后将在网站集列表中看到网站集列…

提升你网站水平的 jQuery 插件推荐

jQuery是一个优秀JavaScript库&#xff0c;它简化了HTML文档遍历&#xff0c;事件处理&#xff0c;动画和Ajax交互。 jQuery的确改变了很多人写JavaScript的方式。如今&#xff0c;有很多现成的jQuery插件可供选择&#xff0c;帮助你在网站中加入惊人的功能和效果。看看这些非常…

利用python爬取网站图片并制作蒙太奇风格图片

目标网站是http://www.netbian.com。 python版本为3.7&#xff0c;使用的库有requests、pyquery、pyquery,如果有缺少可以使用pip install 缺少的库来安装。 import requests from pyquery import PyQuery import time首先打开网站来分析&#xff1a;打开目标网站&#xff0c;…

多搜- 多个网站一起搜(舆情监控版)

多搜-多个网站一起搜(舆情监控版) &#xff08;2011.10 v1.3&#xff09; 多搜&#xff0c;顾名思义就是对多个网站同时进行搜索&#xff0c;这样你就不用在不同网站间转换。多搜目前集成了百度,谷歌,雅虎,必应,搜搜,搜狗,有道,即刻,盘古等九大搜索引擎和百度贴吧,天涯,猫扑…

自建一个网站要多少钱

首先看你要做的网站的功能性&#xff0c;不同的要求价格也不同&#xff0c;那么具体建一个网站多少钱&#xff1f;小编针对这个问题为大家详细分析下&#xff1a;服务器&#xff1a;网络卡不卡就要看服务器的配置高不高了&#xff0c;一般的网站可以用个虚拟主机&#xff0c;最…

【软文发布】电子商城购物系统网站建设

【麦多电子商城系统】指出软文发稿是指通过网络平台向你的目标市场发布有价值的商业资讯&#xff0c;一般来说软文发稿包括&#xff1a;问答类的软文发稿、论坛软文发稿、还有博客软文发稿等。 问答软文发稿既能与潜在消费者产生互动&#xff0c;又能植入商家广告&#xff0c;…

做网站需要多少钱?由企业需求而定!

互联网的发展推动企业对网站建设的需求&#xff0c;越来越多的企业认识到企业网站的重要性&#xff1b;但令企业困惑的是市场上做网站的价格比较混乱。建设一个同等规模和要求的企业网站&#xff0c;有的做网站公司开价几万&#xff0c;有的称仅需几百元&#xff0c;究竟做网站…

网站建设是品牌建设不可分割的一部分

企业品牌建设与网站建设是相得益彰&#xff0c;正确的品牌定向有利于深圳网站建设的谋划&#xff0c;以及企业网站内容的选材和编辑&#xff1b;然而好的官网可以协助企业快速提升品牌形象&#xff0c;现在所谓的市场竞争&#xff0c;在很大程度上都可以说是品牌竞争&#xff0…