性能优化的Widgets,按钮更多

日期:2013-06-26 09:00:12
     史蒂夫Souders的网站性能的思想***(由于专家和用户体验)最近的文章,让我想起了一个重要的细微差别,甚至没有明确表示在流行的雅虎性能规则,即渲染页面,然后添加JavaScript。这个目标***的挑战之一是解决第三方资源的表现。随着社交媒体要求更多的小工具,插件,徽章和按钮等,每天提供有关如何确保他们的按钮是有效和有价值的尽可能对部分开发商缺乏认识,有时性能问题被忽视。
     问问自己,丢失的游客,由于一个缓慢的加载网站的价值是什么?从字面上有“锁定”在那些您的网站页面加载缓慢,可以用几个简单的变化“解锁”的页面访问量。简单地说,有为数众多的第三方元素在您的网站能够最终成为它的倒台。
     成都网站建设公司驰锐科技给大家打了一个比方,例如,只需加入Facebook粉丝中,将大大减慢页面,在许多情况下,减缓由于占用大量内存,通常许多额外的下载时间,使网页“没有准备好”,直到***都下载的浏览器。因此,如果你的目标是社会化媒体优化您的网站,并确保您的跳出率是低,网站停留时间,每次访问的页面访问量的增长和谷歌少的原因有1,您的网站排名不佳,请继续阅读。
     所以,让我们来看看在您需要为您的网站做什么,请确保您的访问者看到您的内容在你的部件实现。查看“开始渲染时间”或浏览器实际开始绘制页面时,从一个理想的点,这些技巧将不会把这个值接近于零,因为我想,但他们肯定会提高用户体验。请记住,还有许多其它的应采取的步骤的可能性,但我们专注于减少带来的负面影响具有上述特征的部件。
     推荐:
     与Digg的一些***改进工作后,我很高兴分享实现更加以用户为中心的,如果你有多个按钮,每页,这是特别有价值的:

     当然你也可以使用类似的技术LinkedIn或推荐,但JS实际上将创建一个<iframe>,所以这种做法是更多的性能,因为它不会阻止页面呈现,并产生相同的净结果。对于那些使用@,随时随地添加的hovercards和其他Twitter功能到他们的网站,该技术可应用于苹果LinkedIn变化。
     ShareThis:
     其中最流行的按钮,它们的执行已显着改善的总有效载荷为JavaScript已经减少,,虽然脚本加载同步还是不幸。在积极的一面,按钮脱钩它们嵌入的脚本。该指令建议加入脚本到的<head>,但我建议将它们添加</ BODY>前或<BODY>后,如果你有任何问题。
上一篇文章:
下一篇文章: