php配合html、rem写的页面出现css和js加载慢,该怎么解决啊

我是用rem写的移动端页面,出现的问题在很快就变没了,但是人眼还可以看出来。下面这是我引入的css和js

clipboard.png

这是出现问题了
clipboard.png

这是出现问题零点几秒以后就好了

clipboard.png

clipboard.png

就算是这样,重复刷新页面的时候css和js比php请求完文字的速度还要慢点。
js和css慢的时候文字就会在中间显得太挤,但是很快就会没有事。
改怎么解决呢?

阅读 4.3k
5 个回答

治本:
1:js css 进行压缩处理。
2:css放在header进行引入,js在body后。
3:将第一次展现数据直接用php渲染出来。
治标:
1:页面增加loading 加载遮罩层,等待全部加载完毕后展现页面

通常的做法是css放head,js放body底部。css控制样式,js渲染数据,php提供接口,最多再加个loading,这样就不会出现样式错乱之类问题。
但是你用的php请求并渲染数据?这样的话,你就要监听css、js文件是否加载完成才行

先隐藏内容, css, js加载完以后再显示.

看截图,应该是有什么处理布局的js被阻塞了,导致资源都加载完成了、布局还没好。看目前给到的代码里,head里的js有点太多了,建议都放到</body>前边就行。真正该放前边的是布局的那段js,如果没什么依赖的话就提到前边来吧。(当然如果能都写成CSS就最好了)

把rem.js文件放在前面,<head>标签里面。不要放最后。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题