本文目录一览：
- 1、把整个站的CSS或者js都放在一起会不会影响打开网页的速度？
- 2、网页打开很慢，加载js和css状态是304 Not Modified，高手们，要怎么解决？
- 3、js动态调用外部CSS并以新窗口打开网页
把整个站的CSS或者js都放在一起会不会影响打开网页的速度？
会的，网站打开顺序首先是html文档 遍历dom（就是从上到下，从外到内的HTML标签），在遍历DOM的时候中间如果穿插了js会被中断，js解析完成了才继续往下加载。最好不要在html标签中间写js和css， js一般都放在/boyd前面。css当然还是在head里。
加载顺序：1. HTML 2.CSS 3.JS
css或者 JS过大都会影响网站的显示和响应速度。
当然大小的话把握一个度就好了，不必要苛刻，css gzip压缩后10K内是可以接受的。
曾经我用minify把整站的js合并了，现在才发现这是一个很严重的错误….减少了请求加大了初次打开的请求量。很多代码初次加载根本用不到，完全浪费。 很多人说一次加载完了其他页面直接读缓存就好了。可是当前段工程狮了解到了什么是模块化就不会这样干了。一个网站要有清晰的思路全局的概念，才能步步为营。
网页打开很慢，加载js和css状态是304 Not Modified，高手们，要怎么解决？
304是使用缓存，不影响网页，查服务器。
第一步、先确认网络是否丢包，ping命令检测。
第二步、检测操作系统资源使用情况（http服务与数据库）。
第三步、确认http服务是否hang死了，http缓存用满的时候会这样。
第四步、查数据库链接是否正常。
第五步、检查数据库的慢查询语句。
第五、以上步骤都没问题，查程序bug去。
ps：如果使用的mysql，我建议评估业务量，重新调整数据库使用的内存，别使用默认配置。
js动态调用外部CSS并以新窗口打开网页
改成这样：
html
head
title电子相册/title
script language=”javascript”
function showxi(){
var obj=document.getElementById(“csslinkid1”);
obj.href=”11-6catalog.css”;
obj.target=”_blank”;
}
function showppt(){
var obj=document.getElementById(“csslinkid2”);
obj.href=”11-6ppt.css”;
obj.target=”_blank”;
}
/script
/head
body
a href=”#” onclick=”showxi()” id=”csslinkid1″详细信息/a
a href=”#” onclick=”showppt()” id=”csslinkid2″幻灯片模式/a
!–html具体内容–
!–html具体内容–
!–html具体内容–
/body
/html
从你的意思来看，我觉得把外部CSS写在新窗口的link标签里最好。这样的话，可以改成这样：
function showxi(){
var obj=document.getElementById(“csslinkid1”);
obj.href=”新窗口页面2.htm”
obj.target=”_blank”;
}
function showppt(){
var obj=document.getElementById(“csslinkid2”);
obj.href=”新窗口页面2.htm”
obj.target=”_blank”;
}
然后你再在
“新窗口页面1.htm”中加入：
link rel=”stylesheet” type=”text/css” href=”11-6catalog.css” /
“新窗口页面2.htm”中加入：
link rel=”stylesheet” type=”text/css” href=”11-6ppt.css” /
这样似乎能达到你的要求。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/248011.html
微信扫一扫 
支付宝扫一扫 