ColorWhistle网站重新设计之旅-我们如何实现100%的性能!
是什么迫使我们重新设计网站?
那是2019年4月，我们之前重新设计了我们的网站。我们对这个版本满意了整整两年。作为ColorWhistle是网页设计，开发，和数字营销公司在美国，我们经常写博客，添加新的章节、图片等。
由于我们的市场营销人员缺乏编程知识，每次他们都必须等待开发人员添加新内容，可能只是一小部分。这只是增加了我们营销人员的时间和依赖性。
To sort out this issue, we looked for options that allow anybody even without coding knowledge to handle some of the basics like blog drafting, new section adding, creating landing pages, posting case studies and many similar activities like these.
这就是我们发现的地方Elementor-一个用户友好的页面生成器。此后，事情进展顺利，开发人员开始处理他们的工作，营销人员开始处理基本的开发工作，而不是在程序员后面浪费时间。
好多天、好多个月过去了。一场猛烈的雷雨袭击了我们。你知道那是什么吗?我们注意到网站的性能和速度突然下降。
如果您使用过页面构建器，您就会知道这一点。页面构建器会对站点的速度和性能造成严重影响，Elementor也不例外。不仅如此，当我们使用Elementor时，对于几乎每一个功能，我们被迫集成插件，这再次成为速度和性能的劣势。
作为提高我们的网站性能我们采取了各种措施，包括缓存，缩小，CDN，图像优化，有条件的资产加载等，但遗憾的是，没有什么对我们有用!
我们的谷歌页面速度逐渐下降。你可以从下面的截图中看到我们在谷歌页面速度中的分数。
然后，我们意识到自从谷歌引入了核心Web vital——它专注于页面加载速度、元素交互性和视觉稳定性，提高网站速度分数变得令人生畏，除非你优化你的网站性能。这就是为什么，尽管我们实现了各种性能提升方法，但一切都失败了，我们无法提高谷歌页面速度分数。
这促使我们选择了a网站设计．如果你想知道我们做了什么非常详细的方式，那么请阅读我们的案例研究．
为什么核心网页至关重要?
如果你拥有一个网站，那么你一定要知道核心网络的重要性。是什么?如果你不小心会发生什么?
根据谷歌，核心Web vital是一组与速度、响应性和视觉稳定性相关的指标，帮助网站所有者衡量用户在网络上的体验。
简而言之，web开发人员可以通过核心web至关重要，了解网页上的用户体验，并即兴发挥用户体验。这是谷歌提出的一套三个指标，如果遵循得当，将为您的网站用户提供更好的体验。
最大含量涂料(LCP)
LCP主要是关于页面加载性能。简单来说，就是你的网站开始在视口中显示最大元素所花费的总时间。
首次输入延迟(FID)
FID是指网站对用户行为的交互性或响应性。简单来说，就是你的网站响应用户操作所花费的总时间。
累积布局位移(CLS)
CLS是关于布局变化/布局转移。简单来说，就是文本位置发生了变化，或者当你试图点击其他东西时错误地点击了一个按钮。
网站速度影响用户体验，跳出率和转化率，这就是为什么它被认为是一个关键搜索引擎优化排名因子谷歌和其他搜索引擎以及。如果你没有仔细查看核心Web vital，那么将会对你的搜索引擎排名产生负面影响。
这次我们的目标是什么?
由于我们的网站速度较差，跳出率上升，转化率下降。因此，我们深入到改造过程中，只有两个主要目标。
- 最佳的网站性能与理想的谷歌页面速度分数
- 便于营销团队使用，无需依赖开发人员
我们与团队一起坐下来进行各种头脑风暴会议，讨论需求、优先级、特性请求等等。
总共有2个开发人员，2个设计师，2个文案，1个非技术人员负责博客迁移，他们都在修改过程中做出了贡献。每个人的贡献都被计算在内。而且，我们花了2个月的时间来完成网站的重新设计。
如果你想知道为什么我们花了整整两个月的时间来重新设计网站，请访问我们的网站案例研究这是详细的，并涵盖了小技巧，我们遵循了一个成功的改造。
我们都收获了什么?
- 谷歌页面速度得分提高了80+在桌面和移动50+
在GTMetrix中获得“A”级，性能100%，结构96%，并通过了Core Web vital中的所有指标
在谷歌页面速度中，我们在桌面系统中获得了99%的性能，并通过了核心Web vital中的所有指标
在谷歌页面速度方面，我们在移动端获得了89%的性能，并通过了Core Web vital的几乎所有指标
好哇!我们不仅梦想，而且实现了!那真是我们所有人的骄傲时刻ColorWhistle．你想知道我们是怎么走到这一步的吗?然后，花点时间阅读我们的案例研究，你会有详细的见解。
也读
ColorWhistle重新设计-一个开发者的POV!
在这个网站重新设计之旅的学习
网站速度优化并不是在开发后或发行期间就可以完成的事情。它甚至在设计阶段之前就开始了，甚至在网站上线之后也会继续。这不是一次性的过程。
此外，它是围绕着团队合作，而不仅仅是基于开发方法或编码标准。这是一个集体的努力，包括设计师，程序员，以及市场营销人员．
总的来说，如果你能以正确的心态和清晰的计划开始一个项目，尽管你遇到各种各样的逆境，你总能找到方法来完成它!
现在，我们的团队已经有能力接受任何网站重新设计项目and can boost its performance and speed. Would you want us to take up yours? Yay! We’re ready! Feel free to call us+ 91 (944) .278.9110或文本我们随时都可以。
在线商业模式——模板、清单……
