博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
如何写出精简的网页代码
阅读量:6517 次
发布时间:2019-06-24

本文共 709 字,大约阅读时间需要 2 分钟。

hot3.png

       其实一个网站的首页代码精简是至关重要的,因为首页代码的大小直接影响到用户的打开速度,一个用户如果10秒钟还打不开一个页面,多数人会选择关闭不再去看。所以首页既要有绚丽的效果整齐的界面还应该控制首页页面的内存大小,个人觉得50K以下是最好的。
       如何写出精简的代码呢?
       1.应该做到页面和样式的分离,尽量不要使用内嵌样式和行内样式,应该使用外链样式
       2.JS代码如果不是一打开网页就需要立即加载效果的,应该尽量放在body里靠后的位置,这样可以保证用户先看到一个界面,然后再去关注页面的效果
       3.对于图片的处理,按钮,图标能用gif最好用gif的
       4.对于首页的广告大图效果,可以切成横条状的,这样对于网速慢的用户,会有一个循序渐进的加载效果,不至于忽然就一张大图出来了,显得突兀
       5.关于文字描述的地方,千万不要图一时的省事儿,切成一张张的图片拼凑在那里,这样会给后期维护的人员造成很大的困恼和麻烦,如果后期维护的还是你,那就是自己种的苦果自己吃哦!其实文字部分的描述无非也就是标题、内容、解释、注释等几种样式
       6.一个简洁清晰的页面不仅对自己的后期维护有许多方便之处,也会让跟你合作的程序员省下很大的力气呢,想想前几年的表格布局,样式都在表格内,看起来着实费劲儿呢。
       7.html、css、JS应该如人的身体、衣服、首饰一样,各司其职,html页面里就应该只有清晰的div布局结构,和引入样式以及JS的代码。让人看起来很明了,知道你的页面分为几个部分,需要哪些样式,需要哪些效果。
       8.希望能给大家一些好的提示作用哈哈

转载于:https://my.oschina.net/catsleeping/blog/83770

你可能感兴趣的文章
温故知新之JS基础
查看>>
关于js高级程序设计第三版中关于arguments论述的一个错误
查看>>
Linux Namespace系列(01):Namespace概述
查看>>
正则表达式小结
查看>>
使用CSS处理标题过长,自动截断,兼容响应式布局
查看>>
php 调试利器debug_backtrace()
查看>>
Hexo-Neat介绍
查看>>
细说C#:委托的简化语法,聊聊匿名方法和闭包(上)
查看>>
Elixir Ecto: 使用 ExMachina 批量生成测试数据
查看>>
虚拟机类加载机制(读书笔记)
查看>>
PHP学习计划
查看>>
[稀土掘金日报] JavaScript 开发者必备的资源合集
查看>>
Win软件私家珍藏-常用软件工具使用总结
查看>>
iToolkit,推荐我们自己做的一套前端组件
查看>>
Junit源码阅读(一)
查看>>
首席信息安全官的未来将何去何从?
查看>>
JS中的二叉树遍历
查看>>
JavaScript设计模式与开发实践 | 01 - 面向对象的JavaScript
查看>>
为什么要阅读Tornado的源码?
查看>>
Linux基础命令---bzcat
查看>>