本文目录一览:
- 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" /
这样似乎能达到你的要求。