代码之家 › 专栏 › 技术社区 › Jitendra Vyas

在手机网站的<head>中使用CSS是否更好?

mobile-website xhtml css

Jitendra Vyas · 技术社区 · 14 年前

有CSS好吗 <head> 手机网站?因为没有太多的CSS需要编写和维护。

<head>
<style type="text/css">

css here...........

</style>
</head>

它将保存一个HTTP请求。我们可以保持一个共同点 header.php 对于站点。

或者保持CSS <头> 在移动网站上仍然是个坏主意吗?

3 回复 | 直到 14 年前

Kevin 14 年前

我最近刚在我们的团队里讨论过这个问题。我们的结论是内联CSS(而不是将它们作为单独的下载,并依赖过期头文件在电话上缓存)。我们的一些关键考虑因素是:

针对@bob的维护点,我们将所有CSS保存在服务器上的单独文件中,并在生成时将其注入HTML(serverside是jsf)。如果你没有这个选择,那么我同意鲍勃的看法——这将成为维护的噩梦。

注:我们提供WiFi(20%)、3G/EDGE(40%)智能手机和3G/EDGE(40%)功能手机用户。

Jane Panda 10 年前

不推荐。

最初,您可能会保存一个HTTP请求(记住,一个CSS文件是缓存的),但从长远来看,我认为您会发现获得的收益是最小的(如果有的话),并且您正在添加额外的文本,以便与每个请求一起发送。维护也很重要。

根据手机上的CSS/页面加载频率和Ajax加载数据的数量,如果将CSS内联包括在内,您可能会节省一些加载时间,但这是逐案判断-安全的答案是将其放入浏览器自动缓存的一个文件中。

查看该页面上HTML的大小,其中一半以上是CSS。

nLL 14 年前

外部CSS保存了BW,但我遇到了一些手机无法处理外部CSS的情况。如果你想覆盖广泛的设备,这可能是个好主意。

推荐文章

Luis Pavez · 在actionListener完成之前更新组件

7 年前

mike · 使用类似封送处理的编码器操纵HTML

7 年前

ajaysheoran2323 · 如何使网站多语言[关闭]

7 年前

Hanlei Price · 标记验证

7 年前

Irum · 获取错误:UI指令无法强制转换到组织。素数面。模型菜单菜单元素

7 年前

curiousToKnow · 如何从xhtml获取文本

7 年前

zinon · XHTML渲染生成空pdf文件

7 年前

saurabh · 如何在一个页面中使用多个ajax日历

7 年前

Gabriel Cardoso · 更新数据后在datatable中更新

7 年前

mac wac · AngularJS的内联模板不适用于XHTML

8 年前