问题标签 [web-optimization]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
pdf - Adobe Reader Broswer 插件 - 文件大于 2mb 的问题
我想知道是否有人知道 Adobe Reader Browser 插件的任何限制。目前,当我网站的访问者尝试打开文件大小超过 2mb 的 PDF 时,我遇到了问题。
我已经考虑过如何优化我的 pdf,甚至比目前更多,但努力寻找 bst 设置,这些设置可以为我提供一个带有接近打印质量的图形的小文件。
如果有人有任何想法,我将不胜感激。
非常感谢
http - 并发下载
我一直在监视 Firebug 的 Net 面板,并注意到在下载任何其他资源之前必须先下载 HTML。我想这是有道理的,因为其他资源是在 HTML 中定义的。有没有办法解决这个问题,以便可以在 HTML 下载期间下载其他组件?
javascript - 网页优化
我正在创建一个新的动态站点来测试和了解 Web 优化... 站点索引
对于 html、css、js(链接到谷歌服务器的 jquery-min 除外)文件,我创建了一个 php 文件,该文件连接更多文件,删除未使用的空格,并使用 Gzip 对其进行压缩: 压缩 css -压缩 js
对于主要图像,我将每张图像折叠成一张
对于 facebook 之类的按钮,我在使用 jquery 加载页面后替换 iframe,我想对 adbrite 广告做同样的事情,但我不知道如何.. 如果我尝试替换,或者在加载后将代码注入 html,页面消失并仅保留广告...
有人可以帮忙吗?
你能告诉我我是否做得很好(优化)以及我可以改进的地方
谢谢...
html - 使用 Django 进行静态文件版本控制
我正在为我的 CSS/Javascript 设置远期过期标头,以便浏览器在缓存后不再要求文件。我还有一个简单的版本控制机制,这样如果文件发生变化,客户就会知道。
基本上我有一个模板标签,我做了类似的事情
<script type="text/javascript" src="{{ MEDIA_URL }}{% versioned "javascript/c/c.js" %}"></script>
这将成为
<script type="text/javascript" src="http://x.com/media/javascript/c/c.min.js?123456"></script>
.
模板标签打开一个文件javascript/c/c.js.v
,在其中找到版本号并将其附加到查询字符串中。该版本由一个 shell 脚本生成(现在手动运行,可能会添加 pre-commit 钩子),该脚本检查文件是否已更改(使用git diff
)。
这一切都很好,除了:
我也想为图像实现相同类型的版本控制。但是图像可以从 CSS 中引用——这是一个静态文件(由 nginx 提供)——所以那里没有模板标签。
文件版本控制的更好方法是什么?
或者,我正在考虑用一个中间件替换模板标签,该中间件会在返回响应之前更改所有链接。这比模板标签要好,模板标签可能会被错误地省略。但仍然没有解决从 CSS 引用的图像的问题。
另外,我知道将版本作为查询字符串的一部分可能会导致某些代理不缓存文件的问题 - 所以我考虑将版本作为文件名的一部分 - 例如javascript/c/c.123456.js
.
注意:看起来没有办法使用 Django 来解决这个问题(显然——因为我什至不通过 Django 提供 CSS)。但必须有一个解决方案,可能涉及一些 nginx 技巧。
internet-explorer - 识别 IE 中的减速
我现在正在处理一个 Internet Explorer 速度变慢的网站。更具体地说,页面在加载所有可见页面元素后仅冻结大约 2 到 3 秒,就好像它仍在加载一样。通常,我只是在 FF 或 Chrome 中对站点进行概要分析,但这个问题是特定于 IE 的。我尝试在 IE 8 中使用探查器,但它并没有让我走到任何地方。有没有人对使用什么来识别 IE 中的减速点有任何建议(例如,类似于 chrome 中可用的网络分析)?
seo - 谷歌网站管理员网站性能审查的问题
我注意到我没有通过谷歌有机搜索获得流量。我决定找出问题所在,并在 Google 网站管理员上注册。
据我所见,我的网站似乎对 Google 不友好:
对此不满意,我决定在其他速度测试平台上查看评级,以下是结果
我的问题是:
- 谷歌网站管理员对页面速度的看法与其他页面速度测试分析之间存在巨大差距的原因是什么
- 我如何改进谷歌网站管理员页面速度分析,因为它可能会对我的页面索引产生不利影响。
谢谢
png - 如何将“Cache-Control:public”标头添加到 png 文件?
我最近一直在查看 Safari 性能审核/建议。一节是指向某些资源添加Cache-Control: public
标题。png
我在其他地方听说过,想知道如何做到这一点。
事实上,从技术上讲,我什至不确定要实现这一目标需要做什么。这个文本是否以某种方式插入到图像文件中?
http - 是否多域可以提高图片加载速度
看了这篇文章Optimize Parallel Downloads to Minimize Object Overhead并写了一个测试demo 但是结果出乎我的意料,看瀑布图多域的图片确实是并行下载的但是总时间也不少。
谁能告诉我为什么,谢谢
多域图片下载
单域图片下载
css - 带有子选择器的高效 CSS,值得吗?
我知道:
渲染速度比
但是,另一方面,它又占用了一个字符,因此增加了发送 CSS 文件的时间。
我知道速度差异很小,但如果你有一个非常大的 CSS 文件,其中有很多选择器,它就会变得很重要。
所以,我的问题是:什么更好,浪费一些时间渲染而不使用子选择器或使用子选择器并浪费更多时间发送 CSS 文件?
css - 为什么 YUI Compressor 不使用负单位值最小化 CSS 规则中的前导零(对于浮点数)?
例如,像这样的选择器
被压缩到
也许这是 YUI Compressor 中的一个老错误。