Z-Blog 主题性能优化:CSS 和 JS 加载顺序怎么排
主题慢,多半不是 PHP 慢,是资源加载排错了。CSS 在 head,JS 在底部这是最基础的规则,也是最常被破的。CSS 放 head 让浏览器尽早知道页面长什么样,避免无样式闪烁。JS 放 body 结尾,避免阻塞渲染。脚本没用完的 D
以下是带有「Z-Blog」标签的全部文章
主题慢,多半不是 PHP 慢,是资源加载排错了。CSS 在 head,JS 在底部这是最基础的规则,也是最常被破的。CSS 放 head 让浏览器尽早知道页面长什么样,避免无样式闪烁。JS 放 body 结尾,避免阻塞渲染。脚本没用完的 D
主题里图片这块,做对了省一半流量,做错了整页拖慢。缩略图别自己裁Z-Blog 有内置的缩略图机制。附件上传后按配置生成不同尺寸,主题里调现成的就行。自己用 CSS 把大图压小,图还是那个大图,用户照样得下载完。列表页只该加载缩略图。正文里才
主题做完在电脑上挺好看,手机一开字就挤成一团。多数不是样式写错,而是没做移动端:viewport 要写在 header.php 的 head 里,断点按内容区宽度来设。
主题做完了,总有些东西该让用户自己调。首页显示几篇、要不要开侧栏、页脚写什么。硬编码能跑,但不能交付。值存哪存 Config。主题的 Config 和插件的一样,挂在模块 ID 下面,后台一保存就写进数据库。读取用 $zbp->Config
Z-Blog 的模板不是原生 PHP。它有一套自己的标签,编译成 PHP 再执行。好处是模板里几乎不写 PHP,坏处是语法错了不会给你友好提示。输出变量最基础的写法是 {$article.Title}。花括号里面直接写变量名,编译后等价于
很多人做 Z-Blog 主题,第一步是拷别人的目录改个名。能跑,但一出问题就抓瞎。我把 theme.xml 拆开讲一遍。就十来个标签,看完你能自己写。它到底是什么theme.xml 不是配置文件。它是主题的身份证明。后台主题列表能显示你的主