你的网站加载要多久?2021如何提高网站性能和加载时间?

人们对于生活中的许多追求,都认为“缓慢、稳定”可能是一个好愿望,但是就网站加载速度而言却不希望如此。网站速度输赢与否,完全取决于其提高网站性能的能力以及能够提供精简、畅快的用户体验的能力。

无论是网站用户还是其他用户,对于加载缓慢的网站几乎没有耐心,甚至可能将网站速度归咎于整个品牌,企图损毁品牌声誉。最近的一项研究表明,互联网用户的47%的人预计站点负载2秒以下或更少!在3秒的分水岭处,大多数人将完全放弃该站点,并寻找获取更好的资源不过更令人震惊的是,在60%的访问调查中,他们尤其对电子商务网站颇有成见,认为如果该店铺的加载时间过长(或含商品资料)而不满意,他们会转移到其他店铺,很少再有回访的可能。

如你所见,在网站性能优化方面,极速加载是用户所力求达到的效果

下面我们列举出了五种加速的方法,这些方法由浅至深,由普通到专业,将帮助你提高网站性能、加载速度以及最终改善用户的网站访问体验。

如果没有优质的网络性能,用户看到的就是这么模糊的皮卡丘…  

一个针对全球性能进行了优化的快速加载网站,为构建2021年和往后的愿景打下坚实的基础。而且借助多内容交付网络(CDN)技术和其他简单的修复程序,你可以比你想象的更快地到达那里。那么该如何操作才能使网页变得更好呢?

一.  减少HTTP请求

 实时观测你的网络速度,保证不要掉队...  

每当浏览器从Web服务器获取文件,页面或图片时,都会发出超文本传输协议(HTTP)请求。不要小看这些请求,它们占据了你的网页加载时间的大部分,其中普遍多达80%。 浏览器还将每个域的请求限制在四个到八个同时连接。无法一次加载数十个资产,因此你将需要允许更多的HTTP请求,这将导致更长的加载时间。

那么,如何减少HTTP请求总数,其实是一个简单的过程:

1) 合并JavaScript(JS)和CSS文件。一个较大的文件比多个较小的文件花费的时间更少。尽可能结合使用样式表和脚本。

2) 仅加载所需的内容。例如,使用条件语句(查询)来限制站点需要在移动设备上加载的元素数量。

3) 使用较少的图像。如果你的站点由于图像阻塞而加载缓慢,则用户体验可能会受到多种影响。删除阻塞的图像,以保持网站的精简和极速加载。

二. 压缩图像并优化文件

刚刚提到图像,你可能会惊讶地发现图像文件在网页加载上是个硬茬,它占据了每页加载的平均字节的60%,其占比远远超过了脚本、CSS文件和视频。除了减少页面上的图像总数之外,还要花一些时间来优化所需的图像。

优化图像并提高其加载速度的最有效方法之一是在将图像文件上传到你的站点之前对其进行压缩。有许多在线选项可用,你也可以使用PhotoShop等照片编辑软件来压缩图像。根据经验,建议保持图像文件大小在150KB以下、宽度小于1920px、并具有中等的72dpi质量等级。使用正确的图像文件格式可以帮助减小加载速度:

1. JPG格式。非常适合不需要高精细细节的照片

2. PNG格式。对于具有透明背景(例如logo)的图像,是理想的文件类型

3. SVG格式。访问者可能希望放大以检查细节的图像的最佳选择——这些矢量文件可以缩放到几乎任何大小,包括广告牌大小,但不会占用太多文件空间

三. 尽可能多地缓存

缓存网页使你可以在本地临时存储网页,以节省带宽并提高整体网站性能。当用户访问你的网站时,除非该网站自上次缓存以来已发生更改,否则他们将看到的是缓存的版本。通过缓存网页,可以帮助确保访问者留在网页,必要时候改善用户对网页的粘度。 

四. 清理的网站代码

干净整洁的代码是你取胜的关键  

作为站长,你需要定期审核你的网站是否有多余和混乱的代码。通过减少多余的代码行并以其他几种关键方式清理代码,可以显著提高网站的性能和加载速度。当然在调整网站代码时,请牢记下列一部分总体指导原则。这些技术将通过减少你的网站的服务器需求而获得回报,也可避免以后潜在停机的风险。

优化SQL(数据库)查询

SQL查询优化的重点是编写周到的SQL查询以提高数据库性能。当查询效率低下时,你可能会耗尽生产数据库的资源。低效或易出错的查询会降低性能,甚至会导致停机。

使用设计模式模板和结构化编码

设计模式模板是可重用的编码结构,你可以在整个网站的体系结构中应用它们。这将有助于确保网站每个页面的一致性,从而使访问者在浏览时获得更加无缝的体验。高质量,易读的代码还将使解决影响速度和站点性能的问题变得更加容易。

五.硬核策略:提升内容分发速度,尝试Multi-CDN

一次网站更改就可以节省多达60%的带宽,并将来自网站的请求数量减少一半?这是真的。如果你没有将媒体文件托管在CDN上,则可能会失去网站的全部性能潜力。

CDN的运作方式如下

1. 你的文件托管在遍布全球的广泛服务器网络中。

2. 当用户访问你的网页链接时,在地理位置上与他们最接近的服务器将为他们提供网站服务。

3. 可以在多台服务器之间分配带宽,以减少单台服务器上的负载。

升级到多CDN

为了减轻这些全球访问问题,许多公司正在转向多平台CDN技术。你可能已经猜到了,多CDN设置会同时使用来自不同提供商的多个CDN,以实现更便捷的网络体验、更稳定的网站性能。多平台CDN可以增强全局性能并加快网站访问速度,重点是:它可以确保网络访问不间断,维持网站的正常访问。有的提供商CDN还兼备网站攻防,属于集加速和防御于一体的CDN。

总结

如你所见,以上这些方法可以快速增加你的网站加载时间并提高网站性能,使用户将获得更好的体验,当你使用CDN或Multi CDN时,最小化HTTP请求,压缩图像和优化文件,缓存网站并清理网站代码,你肯定会看到网站性能飞速增长。还有一件事,请记住,CDN或多CDN策略可以通过提供连续,不间断的正常运行时间来显着提升你的网站性能。在亚洲云海了解有关Multi-CDN的更多信息。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,542评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,596评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,021评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,682评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,792评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,985评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,107评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,845评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,299评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,612评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,747评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,441评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,072评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,828评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,069评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,545评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,658评论 2 350

推荐阅读更多精彩内容