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

news/2024/5/11 3:05:01/文章来源:https://blog.csdn.net/weixin_33975951/article/details/85779283

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

1: 缩小Javascript和CSS文件

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

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

2:减少HTTP请求

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

通过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,如果不清楚可以问问所在空间商,让他们帮忙开启。

 

CSS代码压缩:http://tool.chinaz.com/Tools/CssFormat.aspx

 

文章来自:http://lusongsong.com/reed/360.html

 

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

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

相关文章

各大招聘网站信息实时查询浏览【二】

前言 前面写了《各大招聘网站信息实时查询浏览》&#xff0c;关注的朋友还真不少。各种意见的提&#xff0c;我也觉得意见挺好的&#xff0c;也就一一采纳了。 有朋友说&#xff0c;希望能在手机端访问。好&#xff0c;采纳。有朋友说&#xff0c;选择区域太少了。好&#xff0…

UI交互设计的网站

2019独角兽企业重金招聘Python工程师标准>>> 1、http://www.xueui.cn/other-tutorials/ui-interaction-design.html 2、 http://www.3lian.com/edu/2015/12-07/262592.html 3、 http://www.uisdc.com/gif-animaticons-icon-download 4、 http://www.cocoachina.com/…

The server of Nginx(一)——Nginx基础及静态网站的构建

一、Nginx介绍 火了半边天的Nginx和Apache一样也是Web服务器&#xff0c;专为性能优化而开发&#xff0c;也可以像Squid一样做反向代理&#xff0c;或者邮件代理等许多用途&#xff0c;并有windows的移植版&#xff0c;其最知名的优点是它的稳定性和低系统资源消耗&#xff0c;…

移动网站性能优化:网页加载技术概览

性能一直是网站成功的关键。越来越多的研究已经证明&#xff0c;不管是小型电商&#xff0c;还是像沃尔玛那样的连锁店&#xff0c;即使是页面加载时间方面的细微改善&#xff0c;都可以带来更多的业务&#xff0c;更多的广告收入&#xff0c;更多的用户粘性和更多的客户满意度…

沙盒单机网站代表-Steam【推荐】

Steam平台是Valve公司聘请BitTorrent(BT下载)发明者布拉姆科恩亲自开发设计的游戏平台。Steam平台目前是一款全球最大的综合性数字发行平台。玩家可以在该平台购买、下载、讨论、上传和分享游戏和软件。?&#xff0c;没有十足的抵抗力和小康的生活水平千万别触碰Steam&#xf…

java hook技术_API Hook基本原理和实现 - - JavaEye技术网站

hook是什么&#xff1f;windows系统下的编程&#xff0c;消息message的传递是贯穿其始终的。这个消息我们可以简单理解为一个有特定意义的整数&#xff0c;正如我们看过的老故事片中的“长江长江&#xff0c;我是黄河”一个含义。windows中定义的消息给初学者的印象似乎是“不计…

为什么wifi有的网站进不去_无线mesh分布式路由选购攻略,让家里随处有好的WiFi信号...

现在家庭都要用到WiFi&#xff0c;走亲访友到别人家&#xff0c;先要WiFi密码是常事。用WiFi最大的一个问题就是&#xff0c;为什么信号不好&#xff1f;为什么玩游戏会断线&#xff0c;为什么网速这么慢&#xff1f;为什么看电影追剧老要缓冲。现在大家都知道了&#xff0c;用…

用正则扒网站图片_可能是目前PC端最好用的词典——Goldendict

对于语言学习者来说&#xff0c;好的词典是一个不可或缺的工具。在专门寻找PC端的词典之前&#xff0c;需要查词的时候&#xff0c;我大多都是使用浏览器的划词插件。或者使用搜索引擎这样固然方便&#xff0c;但是划词插件提供的信息太少&#xff0c;如果只是帮助我们阅读&…

云服务器连接网站吗,云服务器连接到网站吗

云服务器连接到网站吗 内容精选换一换场景描述每个虚拟私有云VPC代表一个私有网络&#xff0c;与其他VPC逻辑隔离&#xff0c;您可以将业务系统部署在华为云上&#xff0c;构建云上私有网络环境。如果您有多个业务系统例如生产环境和测试环境要严格进行隔离&#xff0c;那么可以…

SEO--网站流量提升

话术设置&#xff0c;提炼优质的话术 关键词的挖掘 1、头脑风暴 &#xff08;开晨会&#xff0c;一堆人坐在一起聊。&#xff09; 2、利用搜索引擎相关搜索&#xff08;将关键词设置为搜索热词&#xff0c;利用工具&#xff1a;百度指数&#xff0c;查看关键词&#xff09; 3、…

react里做一个修改效果_工作思维:做一个以效果性驱动的SEO人才

针对于SEO的工作而言&#xff0c;我们身为SEO从业者应该如何做好工作就是今天我们要讨论的话题&#xff0c;毕竟每一家公司都是以人才驱动效果&#xff0c;人才越多&#xff0c;公司效益越好。先来看SEO工作上的几个误区&#xff1a;1、领导安排工作都是有标准的你的上级或公司…

最出色的5个在线网站推荐,也许你要收藏一下

现在互联网行业发展迅速&#xff0c;网站资源越来越多&#xff0c;小编入行以来整理了好多的一些资源性的网站&#xff0c;在工作或者生活中的确帮助了很多&#xff0c;小编今天就分享一些比较好用的网站给小伙伴们&#xff0c;小伙伴们准备好了吗&#xff1f; SlideModel——高…

***不是已知元素 原因可能是网站中存在编译错误

在用visual studio 2005编辑asp.net页面时&#xff0c;有时会遇到&#xff1a;"***"不是已知元素。错误情况如下图&#xff1a;原因可能是网站中存在编译错误。这有可能是代码中的"***"确实有错&#xff0c;但是有时候你会发现代码根本就没有错&#xff0c…

url中能出现的字符_浅析网站URL优化有哪些问题需要注意呢?

众所周知&#xff0c;网站优化工作是确保网站长久性运营的基础&#xff0c;在众多优化内容方面有一项重要内容&#xff0c;那就是网站URL的优化。所谓的网站URL就是网站在互联网中每一信息资源的统一且在互联网中的唯一地址&#xff0c;也是大家俗称的网络地址。那么针对网站UR…

lua mysql 域名_使用 lua 开发的网站有哪些?

EventServer基于lua和libevent的完全异步、高性能的web框架。既可以作为游戏服务&#xff0c;也可以做web服务&#xff0c;支持websocket和https。关键是可以ffi使用c/c库&#xff0c;比如libcurl和iconv&#xff0c;也可以调用第三方lua库&#xff0c;比如smtp、redis、luasql…

点某个链接进网站,会发这个链接的会员加积分,实现方法(有时间限制)

例如&#xff1a;http://www.bobo.com?useridaxeidxls01wdcx(这个userid会有一个加密) 当某个用户发出一个邀请后&#xff0c;另一个用户通过这个链接进行网站后&#xff0c;为发这个链接的用户加10个积分。 实现方法&#xff1a; 建立一个用户附加表InviteUser_NewUser,结构如…

名字英文name域名_怎么正确选择网站域名要素分享

域名他的英文名称叫做Domain Name&#xff0c;他是一长串用点以及数字来进行分隔的名字组合而成的。而网站的域名就是说的在网站里面所使用的域名&#xff0c;大家在注册这种网站域名的时候应该怎么选择呢&#xff1f;第一、站在品牌的角度去考虑要知道好的网站域名其实对企业或…

大型网站技术架构:核心原理与案例分析 mobi_一文了解,网站架构演化

本文主要讲述网站架构演化历史&#xff0c;主要是让大家对当前主流技术演化的目的&#xff0c;以及技术背景有所了解。本文内容主要参照于大型网站技术架构&#xff1a;核心原理与案例分析[1]&#xff0c;也推荐大家深入研读这本书。自上世纪90年代初CERN正式发布 Web 标准和第…

网站兼容——火狐浏览器刷新没有清空表单

2019独角兽企业重金招聘Python工程师标准>>> 在进行项目开发中&#xff0c;发现一些筛选条件&#xff0c;上一次选中后&#xff0c;刷新页面仍然存在。页面上的数据仍然是上一次表单中的数据&#xff0c;其实是很火狐浏览器的兼容性造成的。 解决办法&#xff1a; 经…

31.网站数据监控-1

31.网站数据监控-1 网站数据监控&#xff1a;思路&#xff1a;对网站数据字段监控并做MD5加密存入到数据&#xff0c;为了后期监控数据是否更新作比对&#xff0c;然后邮件通知&#xff0c;存入四个字段。 引入的包&#xff1a;md5_tools.py # -*- coding:utf-8 -*-import hash…