2013-11-30 分类: 网站建设
自从互联网的创建以来,平均文件大小一直在稳步增长,它的性能和可维护性的影响是可怕的,在老化设备,带宽限制,或在一般的速度慢,
值得庆幸的是,我们不仅控制了文件大小,而且还控制了页面在浏览器中的呈现方式。这种控制给了Web开发人员喜欢我们自己一个机会,以帮助缓解这个问题,并优化我们的代码,以更好的性能在这个过程中。
大多数互联网连接在美国,为什么还要麻烦?
性能和优化都是关于多快我们可以下载内容。也有不少SEO和用户体验的好处被抽空看看我们的代码。更何况,通过更好的性能优化代码,减少文件大小已减少我们的带宽成本之额外的好处,减少带宽的使用(认为ISP /蜂窝数据帽)在用户层面以及。
思维模块化是第一步
模块化的代码通常会在更多的选择形式的膨胀。在这里,我们想认为模块化的组合,尽可能多的我们的代码尽可能。如果我们能将两类到一个和使用更少的代码来提供相同的结果,我们应该。
模块化并不重要,当它涉及到基本的HTML和CSS,但是当你进入JavaScript的更复杂的世界,有太多的膨胀能伤害你-尤其是在移动。
深圳网站制作如何优化你的网站速度" alt="深圳网站制作如何优化你的网站速度" src="/upload/pic2/441eb23c451421f93b11d9cbfe3686ae.jpg" />
减少HTTP请求和依赖
请求是最重要的因素
在放缓最页面加载速度。每个额外的要求增加了膨胀和另一层复杂的解析和下载过程。它往往容易忘记调用图像从你的样式表也是好的,所以一定要限制那些使用替代的优化方法如精灵或SVG可能时。
当我们对外部的依赖的话题,如果你的网站足够大,需要几十个请求至少…也许是时候考虑使用CDN。使用CDN分发您的内容不会减少文件的大小和/或负荷倍去除额外的HTTP请求在一起,但它可以删除任何慢服务器连接出方程至少。
生产与开发环境代码库
在比较您的开发和生产级代码库时,应该有一个非常明显的区别。仅采取这一步,有时会看到大的文件大小的减少在整个董事会。
这是典型的今天看到开发人员参考他们的“生产”或“开发”的环境,特别是在大型项目。但它也有用的事情,以及较小的结束。这两个环境之间大的差异可以看出,图像压缩和压缩/压缩编码。
最后,我们希望我们的生产环境是尽可能的精益和快速,而我们的开发环境应该是相同的,只有减去图像/代码压缩优化。
使用内置的工具,如PS图象处理软件的“另存为网页”可以压缩图像的一个很好的起点。有大量的知识进行探索,以及与图像格式,压缩算法,质量控制和好实践的对话。
对于代码,使用压缩通常取决于你正在使用的语言。它也很值得商榷是否压缩代码帮助或伤害其他人试图理解你的代码,但这是一次谈话。当涉及到普通HTML和CSS,我喜欢使用谷歌的htmlcompressor和CSS YUI压缩机服务。
写更聪明,更具可读性的代码
有时,我们写的代码是链中最慢的一环。低效的CSS或JavaScript可以伤害加载臃肿倍以上,你可能认为。这是Mozilla后进入有关详细写精益的CSS选择器和解释浏览器如何呈现他们的重要性。总之,写作的准确路径下链的选择比单纯使用最小的唯一可识别的选择反而更有效。他们都直接的造型到同一个元素,后者简单地得到工作做得多,更快。
JavaScript可以甚至比写得不好的CSS更糟糕的是,在许多情况下,它是容易被忽视的。有多少次你复制和粘贴一个外部JS库到你的项目没有真正深入探讨源本身?Typekit是一个典型的例子,当他们的服务器档能带来网页使用字体的膝盖并造成额外的30秒甚至几分钟的额
外负荷时间。
值得庆幸的是,这样的事件很少发生,但它仍然是好的做法叫JavaScript上如果可能的话,为的是与谷歌分析案例。这样做可以让浏览器解析通过头文件(CSS,HTTP请求,等)和显示标记,JavaScript开始慢下来之前。
保持HTML很简单
为了保持我们的目标写精简的CSS选择器和保持膨胀到最低,编写高效的HTML也应该是一个优先事项。
CSS重置目标通常是所有常见的元素和执行“复位”的造型上。所以,即使你没有目标,额外的div,它可能仍然放慢了至少有Padding和Margin复位。通常情况下,一个或两个div不会真的伤害了什么。只有当你开始结束与几十个他们做的事情变得疯狂。随着更多元素的HTML5规范的介绍,我们也在这方面有更大的灵活性以及。
谷歌喜欢它当我们写干净的代码
谷歌已经把它的优先顺序,把互联网的集体塑造。为了在他们的搜索结果中占据突出的位置,页面现在必须支付关键的关注,许多不同的属性,他们如何呈现。调用太多的外部资源,有大得出奇的图像,或是写得不好的JavaScript能把网站排名。
值得庆幸的是,这是一个良好的意图,因为他们的要求一个良好的搜索排名是建立在良好的发展实践。谷歌还提供了一个非常深入的指南,以优化你的网站的不同方面,为更好的搜索引擎优化-这也发生在同一时间,以促进梦幻般的发展实践。
结论
当成都网站制作如何优化你的网站速度优化我们的代码时,我们不仅要考虑文件大小,但也考虑如何将阅读;无论是通过浏览器,甚至其他人。移动使用也应该考虑到,与许多服务提供商实施非常约束的数据帽这些天。
因此,虽然它可能需要额外的时间来执行所有的优化,这是一个值得努力,因为它不仅提供了更好的性能在浏览器和移动,但也有机会促进更好的开发实践,甚至让你的内容更高级别的搜索引擎,如谷歌。
当前文章:深圳网站制作如何优化你的网站速度
当前URL:/news2/19552.html
成都网站建设公司_创新互联,为您提供Google、营销型网站建设、软件开发、网站维护、静态网站、建站公司
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容