自从互联网建立以来,平均文件大小一直在稳步增长。它的性能和可维护性影响是可怕的,在老化的设备中,带宽限制,或一般缓慢。
幸运的是,我们不仅可以控制文件大小,还可以控制页面在浏览器中的显示方式。此控件使Web开发人员有机会喜欢我们自己来帮助缓解此问题,并且优化代码可以更好地执行此过程。
为什么美国的大多数互联网连接都很麻烦
性能和优化是关于我们下载内容的速度。seo和用户体验的许多好处也需要花时间来查看我们的代码。此外,通过提高优化代码的性能,减少文件大小减少了带宽成本的额外好处,减少了在用户级别也一样。
思维模块化是第一步
模块化代码通常以更具选择性的形式扩展。在这里,我们要考虑模块化组合,尽可能多地考虑我们的代码。如果我们可以将两个类放在一个类中,并使用更少的代码来提供相同的结果,我们应该这样做。
模块化并不重要,当涉及到基本的HTML和CSS时,但是当你进入更复杂的JavaScript世界时,会有太多的膨胀,这会伤害你,尤其是在移动领域。
减少HTTP请求和依赖项
请求是最重要的因素
降低大多数页面的加载速度。每个附加的要求都会增加扩展和另一层复杂的解析和下载过程。通常很容易忘记从样式表中调用图像也很好,因此一定要限制使用可选优化方法(如sprites或svg)的可能性。
当我们依赖外部主题时,如果您的站点足够大,至少需要几十个请求,也许是时候考虑使用cdn了。使用cdn分发您的内容不会通过一起删除额外的http请求来减少文件大小和/或负载乘数,但它至少可以删除任何较慢的服务器连接方程。
生产开发环境代码库
开发代码库和生产代码库之间应该有一个非常明确的区别。单独采取这一步骤,有时您会看到文件大小的整体最大缩减。
如今,开发人员通常会提到他们的生产或开发环境,特别是在大型项目中。但它也有一些有用的东西,以及更小的结尾。这两种环境之间的最大区别可以在图像压缩和压缩/压缩编码中看到。
最后,我们希望我们的生产环境尽可能地精简和快速,并且我们的开发环境应该是相同的,只需要减去image /code compression 优化。
使用PS图像处理软件等内置工具作为网页压缩图像的良好起点进行保存,有丰富的知识可供探索,并与图像格式、压缩算法、质量控制和最佳实践进行对话。
对于代码,压缩的最佳使用通常取决于您使用的语言。压缩代码是否有助于或伤害其他试图理解您的代码的人也是值得讨论的,但这是一个对话。当涉及到正常的HTML和CSS时,我喜欢使用谷歌的html compressor和cssyUI压缩服务。
编写更智能、更可读的代码
有时,我们编写的代码是链中最慢的一环。你可能认为,效率低下的CSS或JavaScript可能会损害加载,而不仅仅是膨胀的因素。这是Mozilla关于编写精简的CSS选择器和解释浏览器如何显示其重要性的详细信息的入门。简而言之,选择正确的写入路径是比简单地使用最小的唯一可识别的选择更有效。它们都直接塑造成相同的元素,这只需要做更多的工作和更快的速度。
javascript可能比写得不好的css更糟糕,但在很多情况下,它很容易被忽略。您复制和粘贴外部JS库到项目中的次数有多少次没有真正深入到源代码本身typekit是一个典型的例子,当他们的服务器文件可以使用字体带来页面的膝盖,并导致额外的30秒甚至几分钟。
外部加载时间。
幸运的是,这种情况很少发生,但是如果可能的话,调用javascript来分析Google的案例仍然是一个好的实践。这允许浏览器在javascript开始减速之前通过头文件(css、http请求等)进行分析并显示标签。
保持HTML简单
编写高效的HTML也应该是一个优先事项,以保持我们编写流线型CSS选择器和将膨胀保持在最低水平的目标。
CSS重设目标通常都是常见的元素,并执行重设样式。因此,即使您没有目标,附加的div,它可能仍然会减慢速度,至少在填充和边距重设。通常,一个或两个div不会真正伤害任何东西。只有当您开始使用几十个div时,它们才会变得疯狂。随着更多ele的引入在HTML5规范中,我们在这方面也有更大的灵活性。
谷歌喜欢我们写干净的代码
谷歌已经优先考虑互联网的整体形状。为了在搜索结果中突出显示,网页现在必须对许多不同的属性及其呈现方式给予高度关注。调用过多的外部资源、拥有惊人的大图片或写得不好的javascript都可以对网站进行排名。
幸运的是,这是一个好的意图,因为他们需要一个良好的搜索排名的基础上,良好的发展实践。谷歌还提供了一个非常深入的指南,以优化的不同方面,你的网站,以更好的搜索引擎优化-这也发生在同时促进奇妙的发展实践。
结论
当深圳网站制作如何优化您的网站速度优化我们的代码时,我们不仅要考虑文件大小,还要考虑如何读取,无论是通过浏览器,甚至是其他浏览器。移动使用还应考虑到,目前许多服务提供商实施的数据上限非常有限。
因此,虽然执行所有优化可能需要额外的时间,但这是一项值得的努力,因为它不仅在浏览器和移动设备上提供了更好的性能,而且有机会促进更好的开发实践,甚至使您的内容更高级别的搜索引擎,如Google。
微信咨询
在线咨询