防止根据屏幕大小下载不必要的内容
防止根据屏幕大小下载不必要的内容
提问于 2013-03-19 17:31:41
我正在建立一个响应式的网站，在上面我有一个新闻部分。根据访问者的屏幕大小，此部分有2个、3个或4个新闻项目。现在，cms (modx)总是提供4个新闻项目，如果用户应该有一个小的视窗，我会用媒体查询隐藏额外的新闻项目。
这看起来效率不是很高(它为小屏幕的人使用额外的带宽)。同样使用上面的方法，我遇到了“较新的帖子”，“较旧的帖子”-type导航的问题(因为点击“较旧的帖子”总是会加载4个较旧的帖子，而有些人可能只需要2到3个)。
有没有更好、更可靠的方法来做到这一点？有没有可能使新闻项目的服务更具响应性？换句话说:如何根据屏幕大小阻止不必要的内容被下载？
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-03-19 17:40:30
一种方法是采用与您正在做的事情相反的方法:只使用1个新闻条目生成页面，然后在必要时填充更多新闻条目(而不是使用4个条目生成，然后隐藏它们)
您可以检测用户的视窗是否允许使用JS获取更多的故事，然后使用ajax获取它们(可能会有一个“加载更多..”动画)。
这样，移动用户的带宽就不会用完，非JS用户的带宽也会降低到1个新闻故事(您还可以为非JS用户提供带有“点击查看更多”链接的大视窗)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15495732
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号