是决定其质量的基本参数之一。事实上,如果页面在 4-5 秒后仍为空白,等待加载,则肯定表明用户放弃了。该方向的研究表明,如果网站在 2 秒内没有任何反应,用户就会无情地逃往其他地方。
或者:如何加快您的网站速度并从此过上幸福的生活!
如果,除了这个不可否认的要求之外,我们还加上这 WhatsApp 号码 样一个事实:谷歌正在推动另一场打造优质网站的“运动”,将速度作为其定位考虑的参数之一,我们就可以理解所有网络运营商(以及相反的最终客户)对尽可能快速创建页面的焦虑。
那么,如何加快网站速度呢?
很简单,对吧?现在我将告诉你诀窍,扎克,完成了!
嗯,不,事情没那么简单。
首先我们从一个基本概念开始:网页要想快,就必须轻。毫无疑问。如果我们在服务器上放置一个由一张空白页面组成的网站,没有任何样式或图像,只有“He 个性化和客户体验:2025 年成功的关键 llo world”几个字,那么,除了少数错误之外,我们将得到一个速度非常快的页面,一个能够以优异成绩通过所有速度测试的不雅碎片。
那么,有了这样的网站我们能做什么呢?
事实是,每个网站、每个页面都有其独特的特点,这些特点由策略和目标决定,而且并不总是与速度兼容。
为了简化讨论,具有图形影响力的网站必须具有高质量的图像。质量较高导致加载缓慢。没有逃避的余地:要么选择质量,要么选择纯粹的速度。
这有点像汽车:如果我们需要一辆快的汽车,我们不能指望它能够运输30吨水泥;另一方面,如果我们需要一辆大型卡车,我们就不能指望它能以 300 公里/小时的速度行驶。
然而,我们可以做的是优化;如果我们需要一辆速度快、载重量足的车(比如,可以装载 4 个人的行李箱),那么有一些非常好的旅行车;如果我们必须运输非大型和中等重量的包裹,我们可以选择最高效的货车。
最重要的是,我们可以期待建造它们的人以最好的方式完成这项工作,根据用户要求优化负载和机械部件。
有了这个必要的前提,我们来看看如何优化一个网站,让它尽可能的快。
良好加载速度的一般规则
在研究次要方面之前,我们必须先从基本方面开始:
优化服务器端代码(php、asp、ruby等等等);
优化数据库调用;
优化服务器响应时间;
这三个规则是良好(如果不是优秀)的页面加载速度的基础;我知道有些“开发人员”会担心无穷无尽的细节,比如在 CSS/JS 中节省几个字节,他们的网站建立在非常慢的平台上,他们没有优化他们的数据库,更糟糕的是,他们根本不知道自己在说什么。
源代码必须写得很好。如果您使用开放式 CMS,那么可能确实如此,至少在基本版本中是如此。如果您添加插件,那么风险就会减小很多。而且添加的插件越多,结果就越糟糕。
第一个实用技巧:避免插入太多插件,尤其是无用的插件;例如:在 WordPress 中上传分析代码插件有什么意义?额外调用服务器来获取一行可以轻松插入模板的文本有什么意义呢?
让我们明确一点:这个插件本身肯定不会造成任何伤害。如果使用 100 个,那么就有服务器响应缓慢的风险。
另一方面,如果您是开发人员,请使用良好的编程实践;优化数据库调用,最重要的是优化数据库本身;插入索引!我不会详细阐述,因为讨论可能会变得太长。但我们必须明确一点:加速一个编程很差的网站是不可能的,或者几乎是不可能的。考虑到这一点!
利用服务器缓存;
特别是如果您的系统需要大量调用、复杂计算,一个好的想法是使用服务器缓存使操作执行一次并显示 n 次。这里同样有一场漫长而重要的讨论。一般来说,通过尝试“静态化”(brr,多么难听的术语)请求的页面,特别是最频繁的页面,尝试让处理器进行尽可能少的计算。
优化和压缩图像
或者更确切地说,寻找质量和重量之间的适当折衷。如前所述,有必要了解所需的最低质量限制是什么;如果普通用户使用 800、1000 或 1500 像素的屏幕查看网站,那么在一侧插入 5000 像素的图像是没有意义的。您不会看到正在加载的详细信息,并且网站需要很长时间才能加载。同样的论点也适用于*轮廓*图像:如果要将 400 像素宽的图标插入 32 像素的框中,那么上传 400 像素宽的图标是没有意义的。
尽可能压缩,直到达到目标所要求的最低质量限制;如果该网站针对的是图像重要的目标受众,则使用低压缩或极低压缩;另一方面,如果它针对的是不同的、更注重内容的目标,那么你可以压缩更多。
使用客户端缓存和压缩系统:
所有现代浏览器都具有缓存和压缩系统,它们对于加快响应时间非常有用:充分利用它们。如果您不知道如何执行此操作,请查找 apache 网络服务器的 mod_deflate、mod_expires 和 mod_headers,或者,如果您幸运并且有可能,请使用 mod_pagespeeds。
这些模块允许您选择将哪些文件发送到缓存、发送多 巴西商业名录 长时间以及使用何种压缩方式,还可以激活页面压缩。
使用精简版 JavaScript 和
如果您使用现成的脚本,它们通常会通过名称中的 .min 来识别(例如:jquery.js 是开发版本,jquery.min.js ..:P)。节省的时间非常可观(特别是当您加载了 10-20 个脚本时)。
在这方面……