javascript - 减少谷歌加号按钮的页面重量

标签 javascript html google-plus

我目前正在开发一个网站并希望包含 google plus 按钮。然而,我的问题是谷歌加号按钮增加了额外的 300kb 到页面重量。其中很多来自一个文件,即 http://apis.google.com/js/plusone.js文件调用。

我已经通过异步加载将页面加载时间降至最低,但我想知道是否有任何方法可以调整代码以最小化页面重量?

这是我正在使用的代码...

<script>
    window.___gcfg = {lang: 'en-GB'};

    (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
    })();
</script>

<div id="google-plusone">
    <g:plusone annotation="none" size="medium"></g:plusone>
</div>

最佳答案

你真的不应该担心它,因为它不会影响你的代码启动时间。大多数用户很可能已经将它放在缓存中并从那里加载它。尝试以某种方式提供您自己的“最小化”副本实际上会适得其反,因为它不会从访问其他站点的缓存中获利。

关于javascript - 减少谷歌加号按钮的页面重量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10735603/

相关文章:

javascript - div 位置 + 运算符无法按预期工作

javascript - 如何创建下拉复选框控件?

javascript - 如何在 Canvas 中拉伸(stretch)图像?

php - Google+ 分享链接不显示说明?

php - 何时使用动态内容以及何时切换到另一个页面?

android - Google Plus Button Android 隐藏推荐文本

javascript - 带空格的日期和时间正则表达式

Javascript - 窗口打开,使用 CDN

html - 我的 CSS 根本没有被应用。我的错误是什么?

javascript - 在第一个函数完成将 CSS 样式应用于元素后运行 JavaScript 函数 - 回调不起作用