4个开箱即用的想法
紧随其后的是,出现了一对新兴的标准,称为QUIC + HTTP / 3,可进一步优化提升查看浏览器与we服务器之间的连接,从而进一步减少所需的往返次数。
对这些功能的支持才刚刚开始变得可行,但是如果你是CloudFlare的客户使用者,则可以在今天和未来6个月内启用Chrome和Firefox,以实现对它们的支持,你的用户使用者将获得更快的相应速度。
超级路由
当用户使用者连接到你的网站站点时,他们必须从任何位置打开到你的we服务器(或CDN)的互联网网络连接。如果你将互联网想象成一系列道路,那么你可以想象它们需要跨这些道路“驱动”到你的we服务器。但是,这意味着拥塞和交通堵塞。
事实证明,一些大型云公司企业拥有自己的私家路,这些私家路的坑洞更少,用户访问量流量减少并且相应速度限制得到改善。如果只有你的网站站点浏览访问者可以浏览访问这些道路,他们可以更快地“开车”向你!
好吧,你猜怎么着?他们能!
对于CloudFlare,他们通过其Argo商品产品供应提供此浏览访问权限,而如果你完全在AWS上,则可以使用其Global Accelerator。这样一来,对你网站站点的请求就可以利用其专用互联网网络并提升提高相应速度。如果你已经是客户使用者,两者都是非常便宜的。
要点:如果你使用CDN,则其中许多此类好处都非常容易获得。如果尚未使用CDN,则应该使用CDN。CloudFlare是一个不错的选择,如果你使用的是AWS,那么CloudFront也是如此。如果你更像是专业人士,那么它们是可配置性最高的。
要点: TLS 1.3现在得到了广泛的支持,并为新连接供应提供了显着的相应速度改进。
要点: QUIC / HTTP3才刚刚开始获得支持,但是在接下来的几个月中,它将广泛营销推广。QUIC包含TLS 1.3的优点以及更多优点。如今,典型的HTTP2连接需要3次往返才能打开。QUIC只需要一个!
要点:如果你使用的是CloudFlare或AWS,则有可能仅通过翻转开关即可打开智能路由功能来提升提高相应速度。
让CSS做更多
上面我谈到了HTML如何具有内置功能,你可以利用这些功能来节省对“本地化”解决方案的依赖,从而需要更多代码(和查看浏览器方面的处理)来实现。在这里,我将讨论一些CSS可以为你做同样的例子。
重用图像
通常,你会发现在整个网站页面中的多个位置使用相似图像的网站页面。例如,徽标上不同颜色的变体,或指向两个方向的箭头。作为唯一资产(无论它们多么相似),每个都需要单独下载。
回到我的追捕电影票上面,我在那里看着这个网站页面,我们可以看到,有左右箭头旋转木马:
与上面使用的逻辑类似,尽管这些映像文件很小,但它们仍然需要往返才能从we服务器获得。
但是,箭头是相同的-只是指向相反的方向!我们很容易使用CSS的转换功能在两个方向上使用一个图像:
你可以查看该Codepen的示例。
另一个例子是,同一徽标在网站页面的不同部分以不同的样式出现;通常它们会加载多个变体,这是不必要的。CSS可以通过多种方式为徽标重新着色:
这里有一个Codepen展现展示了这种技术的作用。如果你想计算达到任意颜色所需的CSS滤镜值,请查看此出色的颜色计算器。
总结一下,希望你发现这些示例本身很有用,但是我想说的更广泛的一点是,我们所有人都应该尝试更多地考虑网站站点相应速度。特别重要的是减少we服务器所需的往返次数;即使是小型资产也需要一些时间来获得,并且可能会对性能(尤其是手机端移动设备)产生显着影响。
(聚米互联网网络:/)
转载自:4个开箱即用的想法
网站建设制作方案是什么 ? 报价多少钱 ?
获取建站报价【龙海网站建设】龙海网站建设制作
【漯河网站建设】漯河网站建设制作
【明港网站建设】明港网站建设制作
【南平网站建设】南平网站建设制作
【南阳网站建设】南阳网站建设制作