`
qiansheng1987
  • 浏览: 5602 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

试读《高性能html5》

阅读更多
    自己对前端页面比较感兴趣,但是苦于平时开发中接触到的后台比较多一点,但是兴趣驱动,最近一直在进修前端技术,这几天利用了点时间拜读了这本书,收益匪浅。
    本书虽名为高性能的html5,但是并不局限于此,实际上是对前段开发的总领。在这个互联网时代,每一个用户都有着对快速访问页面的诉求,当然,对于我们开发这而言,有责任,也必须迎合这种诉求,摆在我们面前的就是如何实现高性能的网站,这主要包括客户端性能,服务器端的性能和网络性能,以及开发效率。在着手实现的高性能的前提首先对载体浏览器工作机制要有所了解,只有这样才能知道瓶颈在哪里,如何优化。一个页面被展示出来离不开三要素,html,css,javascript。
HTML是页面之本也是内容之源,有了内容就可以使用CSS和Javascript来与之交互。
CSS他是为展现而生的,他提供的展现性能是最好的,必须正确的使用CSS选择器。
Javascript是动态数据之王,结合CSS可以完成各种交互。
在此基础上要使三者各司其值,让功能和逻辑进行合适的分离,让代码更健壮,易维护。
    在了解如何开发的基础上,想减少页面的加载时间,实现高性能的网站,通常需要关注以下几点:
    1)减少http请求
    2)使用CND加速
    3)避免空的src或者href属性值
    4)增加过期头
    5)使用GZIP压缩
    6)把CSS放在头部
    7)把javascript放在尾部
   避免使用CSS表达式
    9)删除不用的CSS语句
    10)对javascript,css进行压缩
    11)减少重绘
    最后对于如何提高开发效率来讲,有必要关注和理解页面的重用机制,如此来缩短开发,维护的时间。
0
0
分享到:
评论

相关推荐

    软件性能测试与LoadRunner实战试读

    LoadRunner是一款业界广泛使用的性能测试工具,由HP(现为Micro Focus)开发,它能够模拟大量用户并发操作,帮助识别系统在高负载下的性能瓶颈,确保软件系统的稳定性和可靠性。这份文档集合了多个有关LoadRunner的...

    《GWT揭秘》试读:运行调试项目

    GWT(Google Web Toolkit)是Google推出的一款用于构建高性能、跨浏览器的富互联网应用程序(Rich Internet Applications,RIA)的开发框架。它允许开发者使用Java语言来编写客户端代码,并自动将其编译为优化过的...

    聖殿祭司的ASP.NET 3.5專家技術手冊II新功能篇--使用C# 试读章节

    尤其在高流量的网站中,快取的作用更加明显,它不仅减少了CPU和数据库的负担,还缩短了用户的等待时间,提升了用户体验。 总之,理解ASP.NET执行管线与快取原理,对于优化网页应用的性能至关重要。合理利用快取机制...

    当当网功能的实现

    React或Vue.js等现代前端框架可以帮助构建响应式、高性能的页面。 2. **后端开发**:后端负责处理数据、业务逻辑和服务接口。常见的后端技术栈包括Java(Spring Boot)、Python(Django或Flask)、Node.js(Express...

    Java Web开发技术大全(电子书)

    6. **框架应用**:除了Spring MVC,还有Struts、Hibernate等框架,它们提供了更高级别的抽象,使得开发者可以更快地构建应用。例如,Hibernate是一个ORM(Object-Relational Mapping)框架,可以简化数据库操作。 7...

    学生选课管理系统结课设计

    C3P0是一个开源的JDBC连接池,它提供了数据源管理,能够有效管理和重用数据库连接,提高系统的性能和稳定性。在选课系统中,C3P0被用来管理数据库连接,确保多个用户并发访问时的高效性和一致性。 MySQL是一种广泛...

    庖丁解牛—纵向切入Asp.net3.5控件和组件开发技术

    ASP.NET是微软推出的一个用于构建Web应用程序的框架,3.5版本是其重要的里程碑,它在2.0的基础上增强了许多功能,优化了性能,并引入了新的开发工具和技术。 【描述】提到的"庖丁解牛",这是一个中国古典成语,比喻...

    知识付费阅读店铺 4.9.0 小程序前端+后端.zip

    总的来说,知识付费阅读店铺 4.9.0 提供了一个全面的平台,让知识创造者可以将他们的智慧转化为经济效益,同时也让用户能够轻松地获取和消费高质量的知识内容。其更新至4.9.0版,表明开发者持续致力于改善功能、提升...

Global site tag (gtag.js) - Google Analytics