`
chinahnzhou
  • 浏览: 353397 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

腾讯、新浪等大站为什么把CSS直接写在页面里

 
阅读更多

 

在看腾讯(http://www.qq.com/),新浪(http://www.sina.com.cn/)这些大网站的布局的时候,发现了一个问题,为什么他们会把css直接挂在页面上面,而不是分离开来作为一个css文件link进去。

 

这是应付超大流量的一种优化方案。

 

为提高速度,他们的外部连接文件一般都存储在单独的服务器上,例如img.****.com,如果这个服务器出问题,整个首页就挂掉了。放在页面内,比较安全。用户访问页面时,不会因为CSS加载不上,而造成页面错乱或裸页面。

 

那么这样做是不是增加了维护的成本呢?如果写在页面上,不便于修改和管理。

 

方法可能是单独的css文件,在头部用include包含一个php文件,而这个php文件负责生成css文件。

 

实际上还是在维护一个单独的样式表。只是放上去的时候合并到一起。不会增加维护成本。

 

用PHP把CSS调用到页面中,服务器也否也有开销?

 

不会,因为首页缓存成静态页,此法不愧为好方法。

 

补充一下,减少http请求

转自:http://uicss.cn/why-css-written-in-the-page/

分享到:
评论

相关推荐

    android新浪腾讯微博授权 自定义webView

    在Android开发中,为了集成第三方服务,如新浪和腾讯微博,开发者经常需要处理授权问题。本文将深入探讨如何使用自定义webView实现个性化的授权页面显示,以满足特定的设计需求。 一、WebView基础 WebView是...

    仿新浪首页,仿腾讯首页手机版新闻门户HTML5源码

    1. **响应式设计**:仿新浪和腾讯首页的网页通常会采用响应式布局,以便在不同尺寸的设备上自适应显示。这涉及到媒体查询(Media Queries)、流式布局(Fluid Grids)和弹性图片(Flexible Images)等技术,确保内容...

    模拟新浪腾讯title选项卡

    在IT行业中,尤其是在Android或者Web开发领域,模拟新浪腾讯title选项卡是一项常见的需求,它能够为用户提供更加便捷和直观的交互体验。在这个场景下,"Dialog"被灵活地运用,来模仿微博应用中的选项卡功能。Dialog...

    模拟新浪、腾讯title弹框效果

    在IT行业中,模拟新浪、腾讯title弹框效果是一种常见的用户界面设计技巧,它主要用于吸引用户的注意力并提供重要的信息提示。这种效果通常出现在新闻网站、社交媒体平台或者应用中,当有新消息、通知或活动时,会在...

    仿PHPwind 新浪、腾讯 、人人等登录框for x2(gbk)

    标题中的“仿PHPwind 新浪、腾讯 、人人等登录框for x2(gbk)”指的是一个基于PHPwind框架的网页登录界面设计,它模仿了新浪、腾讯和人人网等知名网站的登录框样式。这个设计适用于X2版本,并且编码格式为GBK,这是...

    将文章快速分享到新浪微博、人人网、腾讯微博、豆瓣网等代码

    本文将深入探讨如何实现文章快速分享至新浪微博、人人网、腾讯微博、豆瓣网等社交平台的代码实现方式,以及这一功能背后的技术原理。 ### 一、理解分享代码的基本结构 在给定的部分内容中,我们看到一系列的HTML和...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    1.JS+CSS仿腾讯QQ首页搜索框无刷新换肤效果代码 2.js+css简单后台二级树形菜单demo示例 3.JS+CSS美化经典Select选项框插件 4.JS+CSS通用一个页面同时三个焦点图轮换效果完整实例 5.JS+CSS网页版模拟QQ登录...

    新浪读书-微信小程序-html

    在新浪读书小程序中,CSS可能会被用来实现响应式设计,确保在不同设备上都有良好的视觉效果,以及定制化的阅读界面,如字体、背景色、间距等。 5. **数据绑定与状态管理**:微信小程序采用双向数据绑定机制,使得...

    新浪读书_企业城微信小程序js代码前台前端H5页面源码.rar

    10. 安全性:前端代码的安全问题也不容忽视,例如防止XSS(跨站脚本攻击)和CSRF(跨站请求伪造)等,以及用户数据的加密处理。 以上就是基于标题和描述中的关键词所展开的核心知识点,这些内容涵盖了微信小程序...

    JS滑动门_JS tab标签页效果大合集(新浪腾讯雅虎)

    JavaScript(简称JS)是一种轻量级的编程语言,广泛用于网页和网络应用的开发,尤其在实现用户交互、页面动态效果方面发挥着重要作用。滑动门(Sliding Doors)和Tab标签页效果是JS中常见的两种增强用户体验的技术,...

    微信小程序新浪读书.zip

    微信小程序是腾讯公司推出的一种轻量级应用开发平台,它允许开发者在微信内构建无需下载安装即可使用的应用程序。新浪读书是新浪网旗下的一款在线阅读平台,提供了丰富的电子书资源,涵盖了小说、文学、历史、科技等...

    163新浪等几个EMAIL分离出来的在线编辑器

    标题中的“163新浪等几个EMAIL分离出来的在线编辑器”指的是从国内主流电子邮件服务提供商,如163网易邮箱、新浪邮箱等,提取出的在线文本编辑组件。这些编辑器通常用于用户在撰写邮件时进行文字格式化、插入图片等...

    源代码:网站制作新浪读书.rar

    【标题】"源代码:网站制作新浪读书.rar"揭示了这个压缩包可能包含的是与新浪读书网站相关的源代码。新浪读书是新浪网的一个子站点,专注于在线阅读和电子书籍服务。因此,我们可以推测这些源代码可能涉及到网页设计...

    新浪读书小程序源码加截图.7z

    在新浪读书小程序中,可能包括书籍列表、书籍详情页、阅读页面等。 6. **页面路由**:页面间的跳转和导航是小程序的重要部分,`wx.navigateTo`、`wx.redirectTo`等API用于实现页面间的跳转。在新浪读书小程序中,...

    右下角弹出支持tab标签选项卡的图片广告代

    新浪、腾讯等大型网站拥有庞大的用户基数,它们在广告策略上的选择往往能反映出当前最佳实践。这些门户网站采用这种广告方式,既保证了广告的曝光率,又确保了用户体验的流畅性。 实现这种广告代码的方式通常是通过...

    CSS隐藏页面文字的几种方式总结

    较大的负值有性能问题,例如新浪/腾讯微博提交按钮的-9999em,大概12~16万像素的宽度,相对于100个显示器宽度,在低配Android pad上,尤其含动画效果的时候,会直接卡爆;2.FireFox浏览器下虚框。其实问题不大,...

    微信小程序开发-新浪读书案例源码.zip

    微信小程序是一种轻量级的应用开发平台,由腾讯公司推出,主要应用于移动端,为用户提供便捷的服务体验。本案例“微信小程序开发-新浪读书”是针对新浪读书应用的一个开发示例,包含完整的源代码,旨在帮助开发者...

    毕业设计 微信小程序设计-新浪读书.rar

    微信小程序是一种轻量级的应用开发平台,由腾讯公司于2017年推出,它不需要下载安装即可使用,极大地提升了用户体验。微信小程序的设计与开发涉及前端技术,包括WXML(微信小程序标签语言)、WXSS(微信小程序样式...

    微信小程序-新浪读书-程序源码.zip

    【微信小程序】是一种轻量级的应用开发平台,由腾讯公司于2017年推出,旨在为用户提供无需下载安装即可使用的便捷服务。它基于JavaScript、WXML(WeiXin Markup Language)和WXSS(WeiXin Style Sheets)进行开发,...

Global site tag (gtag.js) - Google Analytics