我正在尝试在移动设备(iPhone)中加载我的网页,在Chrome浏览器中它只用了3秒钟,但在safari中它花了将近2分钟来加载整个页面,这种行为是否有任何特定原因?如果是这样我怎么能克服这个?
答案 0 :(得分:0)
如果我有一个指向您网页的链接,我可以准确地告诉您导致问题的原因。
移动运营商的第二大问题是允许的同时请求数量。桌面将同时下载大约6个页面资源,如CSS,JS和图像(http请求)。移动,一个,也许两个。
最大的问题是塔在每次请求之间经常会丢弃手机和塔之间的无线电信号。手机重新建立与塔的连接大约需要2秒钟。
使用移动设备,最大限度地减少每页http请求的数量非常重要。
您希望确保您的http响应标头包含每个http请求的Content: keep-alive
。
没有未使用的CSS选择器。
使用过度合格的选择器,很多使用过的CSS都是低效率和臃肿的。
大多数网页都链接了多个CSS文件,大多数未使用过。大多数网页只需要少量的CSS,这些CSS可以与页面<head><style>
相匹配,而不是链接在其中。
永远不应该有多个CSS文件。
不应使用Javascript来布局页面。所有JS为布局做的都是改变应该由页面设计者完成的HTML和CSS。当需要JS时,应该在页面渲染后加载它。