|  RSS订阅  |  加入收藏

如何让网站打开变快?暨网站速度优化指南。

据统计,网站打开超过5秒,约有74%的用户选择离开,网站加载超过3秒也有接近半数人选择离开。网站打开速度直接关系的用户的留存和转化率。如果让网站打开速度加快,本文将介绍在资金有限的情况下,中小网站的实际可操作的方式,以加快网站打开速度。
摘要
...

网站打开速度一向是网站运营者和SEO工作者关注的重要指标。百度在网站优化白皮书中也提到需要注重网站访问速度。2017年更是退出了针对移动端访问推出闪电算法(博文:百度闪电算法的功能及解读)。算法的核心就是页面在移动端首屏加载需要控制在2s以内。随着网络的发展,带宽资源的扩充,现在已经很少碰到网页一等就是十几秒尴尬的情景了,虽说如此,但是还有很多站点加载速度超过5秒。本文尝试从多个角度来简单解释提升网站速度的方法。

网站内容层面的优化

1、图片的优化。一个网站上的配图是必不可少的,配图通常能更加直观的表达文章的意图。图片当然是越小加载越快,在必要的环节生成缩略图至关重要,比如产品列表页面。页面结构上必须的图片由于无法通过程序生成的,可以通过PS线下处理,合适的尺寸大小、容量大小、分辨率。通常在PS里面存储为web所用格式即可解决。

2、文字的优化。文字优化几乎没什么可说的,最重要的就是字体的选择。因为如果将正文的字体设置成了个性字体,而访问者没有相关字体就多了一步替换为系统默认字体的过程。另外就是类似google字体被墙的解决,采用国内缓存或者本地缓存。

3、多媒体的处理。非视频音频站点,尽量不要使用多媒体素材。确需使用的,那么关闭自动播放;用图片替代视频起始界面是一个可靠的选择。

网站程序的优化

程序优化方面的内容非常之多,一个资深的程序员和前端工程师写出来的内容比初学者做内容更加精简和优雅。

1、页面脚本的处理。用新版标准替换老版标准(如html5替换4和4.01);mete的合理声明(如charset=UTF-8);JS的引入合并和加载顺序(如最后加载);尽量不使用iframe(框架如今有多种替代方式);排版标签的正确闭合及合理使用(如正确闭合div直接关系到页面布局是否错乱);样式效果替换图片效果(如border-radius);MIP或AMP的应用;预加载的的使用(如InstantClick)等等。

2、后端程序的优化。针对你采用的语言合理使用(如博文:PHP代码优化的40条建议);应用层面的逻辑错误排除(如死循环,内存溢出);程序的效率提升(如博文:rand()随机的效率问题);缓存的使用(如redis)。框架程序的选择(原生的当然更快,框架牺牲了运行效率提升了开发效率);

web环境的优化

1、数据库的优化。情侣搭配(PHP搭Mysql、C#搭Mssql);数据库调优(缓冲区大小、连接数等);数据表的合理设计(字段类型选择、关联表处理、存储过程等)。

2、web环境的优化。操作系统(根据语言选择合理linux、windows);web服务器的选择(效率方面nginx > apache > iis,当然如果你用C#那么还是windows+IIS为标配了);底层程序的版本选择(如PHP7比PHP5提升的成倍效率,7.2比7.0大幅提升的效率等)。

服务器硬件环境的选择

速度方面购买或租用的硬件服务器 > 云服务器 > VPS > 虚拟主机。硬件服务器的选择按下不表,如今对中小网站最适用的莫过于ECS这类的云服务器了,主要关注的指标为CPU核心数,内存大小,带宽大小(独享),我们仅需关注常规指标即可,至于云服务器自身的稳定性及优化也不是我们所能控制的了的,那是云计算厂商的事情了。VPS选择参照云服务器选择,虚拟主机简单到差不多可以理解为越贵越好了,别问我同等空间大小的30元、50元一年的虚拟主机怎么样?

网络的优化

内容分发网络CDN的使用;HTTP/2的使用(仅适用于https的加密网络);解析线路的设置(使用CDN,此条也可以忽略,诚然如上述你使用租用的服务器,那么BGP机房的选择也是一个要素)。

其它方面的优化

诸如Gzip的使用;抗攻击的安全配置;去除代码中的注释(含代码压缩)等各种优化手段和技巧的使用请自行研究探索

写在最后的说明

有这样一个超现实的笑话:如果有钱,这些都不是问题,如果没钱,或许上述问题都是问题。

上述介绍的优化手段,每一条拉出来都能细讲成一篇长长的技术文章。本文仅从概念上的进行说明,具体技术如何应用后面分别再讲。总之,网页速度的优化是一项综合从前端到后端到运维的一系列综合措施。应用得当维护到位,将大幅提高网站加载速度。

打赏
  SEO    网站优化    
转载请注明出处,未经许可禁止商用!
西枫里 熊掌号
代码改变世界 ———— 半路出家,全程修道
发表评论
*依据《网络安全法》规定,您需实名认证后才能评论!
很不错,其实就是这些因素影响到了完整打开的速度
对于网站来说,打开速度的快慢,跟网站的性能、服务器的宽带、用户的宽带等有关,这方面要做的还是很多的。
直接百度mip适配不好吗?个人感觉百度mip的规则也适用谷歌和搜狗
网站加载速度慢的问题,对用户体验真的很不好
总结的很到位,很多网站都会遇到网站加载速度慢的问题
然后可以再考虑一下AMP,MIP等搜索引擎自身加速
代码优化
@西枫里人:嗯,考虑考虑!这两天折腾了一下SSL证书,免费空间的速度一下降到无法忍受
@米粒博客:阿里云800三年,个人觉得还蛮划算的,你不妨试试?
没钱,所以到处都是问题,一年多没体验过VPS那飞一般的感觉了
@丛中笑:兄弟,在顶部个人中心里面更新下个人博客,方便互访。
@丛中笑:是的,每慢1s损失最少7%。PS.欢迎来访,新年快乐~
网站打开速度的确是关系到跳失率,也是每个站长所关心的。
@银色月航:也祝月航兄春节快乐,狗年旺旺~
今天是除夕,月航祝你西枫里新年快乐,吉祥如意,财源滚滚~~
@银色月航:是的,一系列复杂的工程,程序猿和运维攻城狮相互配合,当然我们这些个人网站,就自己看哪里不合适,就改哪里了。
网站优化确实是个系统工程,从网络、运行环境、服务器配置、数据库优化参数、代码健壮性等等,太多的方方面面。一般来说,哪儿是瓶颈,就优化哪儿。当然最初的网络架构要合理。
@历史趣谈:我也就泛泛讲了几个概念,对你有帮助那再好不过了~
这个教程不错,对我很有帮助,谢谢博主分享
@Waylee:折腾瘫痪了正常,多折腾几次就知道错在哪里下,经验就是这么来的
优化老生常谈了.... 但是什么也不懂的小白有个故事: 我.......优化一天..... 服务器瘫痪.....
@龙笑天:哈哈,有钱扩充硬件就好了,加速的不是一点点啊。
好吧 还是最后说明了症结~