CSS如何影响加载时间

Xersus

我对HTML&CSS很陌生,并且正在建立我的第一个网站。我的头部标签如下所示:

<head>
    <meta charset="utf-8">
    <meta name = "viewport" content = "width=device-width, minimum-scale=1, maximum-scale=1">
    <meta name = "apple-mobile-web-app-capable" content = "yes" /> 
    <link type="text/css" rel="stylesheet" href="css/normalize.css">
    <link type="text/css" rel="stylesheet" href="http://fast.fonts.net/cssapi/739d414f-2430-436c-b2cf-5b84cc45995c.css">
    <link type="text/css" rel="stylesheet" href="css/mobile.css"> 
    <link type="text/css" rel="stylesheet" href="css/projects2.css">
    <link type="text/css" rel="stylesheet" media="screen and (min-width:680px)" href="css/tablet.css">
    <link type="text/css" rel="stylesheet" media="screen and (min-width:1400px)" href="css/desktop.css">
    <title>Yulie Wollman | Projects </title>
</head>

关于CSS,我有两个问题:首先,多个外部CSS文件会影响我的加载时间吗?将它们合并到一个大CSS文件中会更好吗?

其次,媒体屏幕的CSS链接标签是否会以小于680px / 1400px的分辨率影响我的加载时间?

谢谢Boaz Keren Gil

约翰

使用HTTP 1.0 / 1.1时,每个HTTP请求都会产生开销,因此请求越少越好。

您应该努力将CSS隔离开,以便于在服务器上进行编码,但要合并它们,然后将单个CSS编译的“文件”提供给客户端。

<?php
header('Content-Type: text/css; charset=UTF-8');
include('css/normalize.css');
include('css/mobile.css');
include('css/projects2.css');
?>

如果您正在运行Apache,则需要确保可以在您使用的文件类型(例如.css)中执行PHP。

AddType application/x-httpd-php5 .css

...只要确保执行此操作时,即可文件本身提供正确的mime

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用多个CSS时如何减少页面加载时间

来自分类Dev

使用多个CSS时如何减少页面加载时间

来自分类Dev

CSS如何对网页的特定区域中的页面绘制时间产生明显的负面影响?

来自分类Dev

添加动态工具提示会影响加载时间吗?

来自分类Dev

实施新文物是否会影响页面加载时间

来自分类Dev

if语句如何影响时间复杂度?

来自分类Dev

Outlook如何计算加载时间?

来自分类Dev

如何减慢网页加载时间?

来自分类Dev

有效地加载大量PHP,而不会影响页面加载时间

来自分类Dev

React JS如何使组件不受CSS的影响?

来自分类Dev

如何防止CSS正文影响特定的Div?

来自分类Dev

符号链接如何影响加载persistence.xml

来自分类Dev

符号链接如何影响加载persistence.xml

来自分类Dev

迭代加深如何影响时间复杂度?

来自分类Dev

ios动画。嵌套动画如何影响持续时间?

来自分类Dev

如何计算同时影响日期和时间的运行总计?

来自分类Dev

线性探测中的聚类如何影响搜索时间

来自分类Dev

其他过程如何影响“时间”进行的测量?

来自分类Dev

硬盘-I / O访问类型如何影响访问时间?

来自分类Dev

ios动画。嵌套动画如何影响持续时间?

来自分类Dev

如何解决影响开机时间的蓝牙问题?

来自分类Dev

避免影响加载列表

来自分类Dev

Requirejs加载超时问题-如何增加时间?

来自分类Dev

如何在GoodData中加载时间?

来自分类Dev

如何获取多个文件的平均加载时间

来自分类Dev

如何减少动态库加载时间?

来自分类Dev

如何增加预加载器的淡出时间?

来自分类Dev

如何最小化向量的加载时间?

来自分类Dev

如何在GoodData中加载时间?

Related 相关文章

热门标签

归档