Web性能实战
文章平均质量分 94
Web Performance in Action: Building Faster Web Pages 1st Edition 英文翻译学习,主要介绍Web性能基础的基本原理介绍,CSS优化,图片优化,字体优化,JavaScript相关的内容,服务器压缩配置不佳所带来的影响
前端岚枫
技术翻译,技术人生,前端知识,生活感悟
展开
-
前端经常遇到的跨域问题几种解决方案
跨域(非同源策略请求)同源策略请求 ajax/fetch跨域传输部署到同一个web服务器上:同源策略xampp 修改本地的host文件127.0.0.1:1234 http://api.qq.comhttp: //127.0.0.1:1234/index.htmlhttp://api.qq/.com/getData服务器拆分web服务器 :静态资源data服务器 :业务逻辑和数据分析图片服务器:三者都一样就是同源,只要有一个不同就是跨域协议域名端口号web服务器地址:h原创 2021-07-01 07:10:47 · 5523 阅读 · 7 评论 -
每个前端工程师都应该懂的前端性能优化总结:
文章目录采用css雪碧图(css sprite/css图片精灵)技术在项目中,我们最好把css或者js文件进行合并或者压缩,尤其是在移动端开发的时候,如果css或者j s内容不是很多,我们可以采用内嵌式,以此减少http的请求次数,加快页面加载速度采用图片懒加载技术,在页面开始加载的时候,不请求真实图片地址,而是用默认图占位,当前页面加载完成后,在根据相关的条件依次加载真实图片(减少页面首次加载h...原创 2020-04-02 10:57:44 · 18418 阅读 · 30 评论 -
1.1 了解web性能
您可能是一个听说过Web性能的开发人员,但是您对它知之甚少。也许你已经使用了一些快速取胜的技巧,或者你可能已经精通这门学科,并拿起这本书来发现新的技术,你可以用它来进一步优化你自己的网站。别担心!无论你在这个领域没有什么经验,还是你是在这个领域的专家,这本书的目标是帮助你更好地了解网络性能,提高网站性能的方法,以及将这些方法应用到你自己的网站中。 但是,在我们讨论Web性能的细节之前,理解我翻译 2018-01-22 16:54:33 · 408 阅读 · 0 评论 -
第一章:Understanding web performance-理解web性能
本章介绍Web性能为何重要Web浏览器如何与Web服务器对话表现不佳的网站会直接影响用户体验如何使用基本的Web优化技术你可能听说过与网站相关的性能,但它是什么呢?你和我为什么要关心这个?Web性能主要指网站加载的速度。这很重要,因为加载时间短,速度快,可以改善你的网站在所有互联网连接上的用户体验。因为这提高了用户体验,用户更有可能看到你的网站有什么。提供什么样的服务。这可以帮助您翻译 2018-01-09 17:24:03 · 434 阅读 · 0 评论 -
web performance in action学习前言
今天开始研究学习《web performance in action》这本书,以后在这个专栏里记录自己学习的内容,希望通过原版的,能把这些技术学的更深入,好好应用的工作中,并分享给想学的朋友们。原创 2018-01-06 10:09:41 · 595 阅读 · 0 评论