首页 » 嗯你觉得怎么样他们可以

嗯你觉得怎么样他们可以

事实证明,一些大型云公司拥有自己的私人道路,坑洼更少,交通更少,速度限制也更好。如果只有您的网站访问者可以访问这些道路,他们就可以更快地“开车”到您身边!

对于 CloudFlare,他们通过 Argo 产品提供此访问权限,而如果您使用 AWS,则可以使用他们的 Global Accelerator。这允许您的网站请求使用您的专用网络并可能提高速度。如果您已经是客户,两者都非常便宜。

要点:如果您使用 CDN,其中许多好处都相当容易实现。如果您还 按行业划分的特定数据库 没有使用 CDN,您可能应该使用。 CloudFlare 是一个不错的选择,如果您使用 AWS,则 CloudFront 也是一个不错的选择。如果您是专业人士,Fastly 是其中最可配置的。

要点:现在得到了广泛

的支持,并为新连接提供了显着的速度改进。

要点:QUIC/HTTP3 刚刚开始获得支持,但将在未来几个月内更广泛地推出。 QUIC 包含 TLS 1.3 的优点以及更多优点。如今,典型的 HTTP2 连接需要 3 轮才能打开。 QUIC 只需要一个!

要点:如果您使用的是 CloudFlare 或 AWS,只需按下开关打开智能路由功能就可能获得加速。

让 CSS 做更多事情。
上面我讨论了 HTML 如何具有内置功能,您可以利用这些功能来避免依赖“本地 本周数字新闻 部署”的解决方案,从而需要更多代码(以及浏览器端的处理)来实现。在这里我将讨论一些 CSS 可以为您做同样事情的例子。

重复使用图像

通常,您会发现页面在整个页面的多个位置使用相同的图像。例如,徽标上的不 购买电子邮件列表  同颜色变化或指向两个方向的箭头。作为独特的资产(无论它们多么相似),每一个都需要单独下载。

回到上面的电影票搜索,我正在查看此页面,我们可以看到带有左右箭头的轮播:

与上面使用的逻辑类似,即使这些图像文件很小,它们仍然需要往返才能从服务器获取它们。

然而,箭头是相同的——只是指向相反的方向!我们很容易使用 CSS 的转换功能来双向使用图像:

例如,您可以检查此

 

另一个例子是相同的徽标在页面的不同部分以不同的方式显示。通常他们会加载多个变量,这是没有必要的。 CSS 可以通过多种方式为您重新着色徽标:

这是一个代码引脚,展示了该技术的实际应用。如果您想计算实现任意颜色所需的 CSS 滤镜值,请查看这个很棒的颜色计算器。

交互(例如菜单和选项卡)

大多数导航元素(如菜单和选项卡)都是用 JavaScript 实现的,但也可以用纯 CSS 来完成。例如,请参阅此代码:

滚动至顶部