html中的兼容 & 如何对网站的文件和资源进行优化

最新推荐文章于 2024-05-09 00:44:20 发布
最新推荐文章于 2024-05-09 00:44:20 发布
阅读量160 收藏
点赞数
分类专栏： 前端
原文链接：https://www.mk2048.com/blog/blog.php?id=hjiikh0b10hj&title=html%E4%B8%AD%E7%9A%84%E5%85%BC%E5%AE%B9+%26+%E5%A6%82%E4%BD%95%E5%AF%B9%E7%BD%91%E7%AB%99%E7%9A%84%E6%96%87%E4%BB%B6%E5%92%8C%E8%B5%84%E6%BA%90%E8%BF%9B%E8%A1%8C%E4%BC%98%E5%8C%96
版权 
一、
1.双边距 BUG float引起的  使用display
2.超链接hover 点击后失效  使用正确的书写顺序 link visited hover active  （可简单看成由 爱生恨   love  hate）

3.IE z-index问题 给父级添加position:relative

4.当没有办法设置1px左右宽度的容器时，使用overflow:hidden,zoom:0.08 line-height:1px

5.IE6不支持PNG透明背景。

二、
 文件合并
 文件最小化/文件压缩
 使用CDN托管
 缓存使用
 利用grunt/gulp插件对代码进行压缩整理
会做饭的技术男
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
前端页面性能优化的几种方式(强烈推荐)
m0_70058592的博客
05-10 3821
有的人可能会回答local storage 和session storage，其实不是这个。浏览器缓存和存储不是一回事。 4、使用CDN 浏览器第一次打开页面时，缓存是起不了作用的。这个时候，CDN就上场了。 5、DNS预解析 一、资源压缩合并，减少http请求 合并图片（css sprites）、CSS和JS文件合并、CSS和JS文件压缩 图片较多的页面也可以使用 lazyLoad 等技术进行优化。 精灵图等 二、非核心代码异步加载 异步加载的方式：（这里不说框架，只说原理） 动态脚本加载 defer a
html+响应式网站+兼容手机
08-17
为了确保在各种设备上都能快速加载和流畅运行，响应式网站需要进行性能优化。这包括减小图片和字体文件大小，使用懒加载技术，优化CSS和JavaScript，以及利用CDN（内容分发网络）来加速内容的传递。 综上所述，...
如何进行前端性能优化（持续更新） —— 个人总结篇
小文同学的博客
03-08 467
优化对于一个程序来说，可以避免许多不必要的问题和资源浪费，还能够提升用户的体验，接下来我会按照各个方面提出如何优化
Web前端最全前端页面性能优化的几种方式(强烈推荐)，记一次字节跳动前端社招面试
最新发布
2401_84435942的博客
05-09 788
资料过多，篇幅有限开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。1、资源压缩合并，减少http请求比如一些比较小的小于30k的图片可以直接使用base64来加载，这无疑可以减少很多http请求，图片转换成base64会比原来小三分之一左右，但是为什么要一些比较小的图片才转换呢，因为它转换为base64也是一串很长的字符串，当图片太大的时间，css文件将会很臃肿，这无疑也是增加了css的文件大小。
你如何对网站的文件和资源进行优化？
热门推荐
xujie_0311的专栏
01-05 1万+
1、文件合并（目的是减少http请求）：Web性能优化最佳实践中最重要的一条是减少HTTP 请求，它也是YSlow中比重最大的一条规 则。减少HTTP请求的方案主要有合并JavaScript和CSS文件、CSS Sprites、图像映射 （Image Map）和使用Data URI来编码图片。CSS Sprites和图像映射现在已经随处可见了，但由于IE6和IE7不支持Data URI以及性能问题
SEO优化（如何对网站的文件和资源进行优化）？
cxy_pan0913的博客
03-03 372
1、文件合并，减少http请求 2、文件压缩，减小文件下载的体积 3、精简和优化css和js 4、优化网站图片，使用css sprite精灵图和icon图标 5、使用CDN托管资源，将用户的请求就近分配服务器 6、利用浏览器缓存文件 ...
提高网站速度的6种网站前端优化方法
adobe1992
08-05 636
1、利用浏览器缓存你的 js 和 CSS 文件： 　　在网站根目录 .htaccess 中加入以下代码 　　ExpiresActive on 　　ExpiresDefault “access plus 1 year” 　　这段代码的意思是对 jpg|gif|png|css|js 发送 header 缓存头，进行一年的缓存、在浏览器不使用 ctrl+F5 强制刷新时，会一直缓
多用途响应式ppt资源下载平台html静态模板源码下载{已测试}
02-25
10. **性能优化**：通过合理的文件组织、压缩合并CSS和JavaScript文件、优化图片大小等方式，提高了模板的加载速度和整体性能。 综上所述，这款多用途响应式PPT资源下载平台HTML静态模板源码具备全面的功能和良好的...
前端开发教程&案例&相关项目资源分享.rar
04-29
这份压缩包文件“前端开发教程&案例&相关项目资源分享.rar”显然是为了帮助初学者或经验丰富的前端开发者提升技能，提供了一套全面的学习材料和实践项目。以下将对其中可能包含的关键知识点进行详细阐述。 1. HTML...
课设&大作业&毕设-医疗体检服务中心响应式网站模板-适配移动端-HTML源码.zip
03-29
这份源码采用最新的HTML5和CSS3技术，结合流行的响应式网站框架，为您打造了一个高度可定制、跨设备兼容的响应式网页模板。它不仅优化了用户体验，还确保了在不同尺寸的屏幕和设备上均能呈现出完美的布局和样式。 此...
仿有信免费网络电话触屏版手机wap资源网站模板.zip
05-02
该资源是一个针对触屏设备设计的手机WAP网站模板，主要特点是自适应各种屏幕尺寸，尤其适合用于构建网络...在实施过程中，需要考虑SEO优化、性能优化以及兼容性测试，以确保网站在各种浏览器和设备上的表现都达到预期。
如何对网站的文件和资源进行优化
weixin_30384031的博客
02-10 147
1、文件合并（目的是减少http请求） 2、文件压缩（目的是直接减少文件下载的体积） 3、使用cdn托管资源 4、使用缓存 5、gizp压缩你的js和css文件 6、meta标签优化（title,description,keywords）、heading标签的优化、alt优化 7、反向链接，网站外链接优化 转载于:https://www.cnblogs.com/suajiu9/p/63...
网站开发服务器资源怎么弄,前端与移动开发：如何对网站的文件和资源进行优化?...
weixin_39802969的博客
08-05 81
对于一个产品来说，不论一个网站的页面多酷炫，代码多牛叉，如果让客户等的时间太长，那都是白搭。所以，不论是前端还是后台，用户体验对于我们多重要就不用说了，现在我就从前端的角度来谈谈网站资源优化的一些方法和小窍门。首先就是图片了，图片是UI的最爱，前端的最恨了。1、图片优化首先，你需要优化你网站上的图片，来获得丝毫加速网站的机会。从原图上移除额外的注解、不必要的空间和无用的颜色，将图片保存为JPEG格...
如何对网站的文件和资源进行优化？
weixin_42475867的博客
04-09 904
如何对网站的文件和资源进行优化？减少HTTP请求正确理解 重绘和重排减少对DOM的操作使用JSON格式来进行数据交换高效使用HTML标签和CSS样式压缩CSS、JavaScript和HTML文件使用CDN加速（内容分发网络）将CSS和JS放到外部文件中引用，CSS放头，JS放尾精简CSS和JS文件压缩图片和使用图片Sprite技术控制Cookie大小和污染避免重定向 减少HTTP请求 请求的网页...
如何对网站的文件资源进行优化并减少页面加载时间
Zykon
03-13 1498
文件和资源优化 文件合并，文件最小化/文件压缩，使用 CDN 托管（js，css）文件，缓存的使用（多个域名来提供缓存）。 减少页面加载时间 1.优化图片 2.图像格式的选择（GIF：提供的颜色较少，可用在一些对颜色要求不高的地方） 3.优化CSS（压缩合并css，如margin-top,margin-left…) 4.网址后加斜杠（如...
网站文件和资源优化
tingguang3530的博客
07-17 1986
  对于产品来说，最最重要的莫过于用户体验，现在就以前端的视角来谈谈如何对网站资源和文件的优化。 1、图片优化 2、文件合并，减少HTTP请求 3、开启GZip压缩，压缩CSS、JavaScript和HTML文件        提供几个压缩工具：CSS Minifier， Avivo HTML ，Compressor 4、使用CDN托管资源 5、使用缓存 6、标签语义化 7、反向...
2022前端面试必备：HTML&CSS核心知识点与性能优化
5. 语义化HTML：理解HTML元素的语义和对SEO的影响，以及如何通过HTML结构提升可读性和搜索引擎友好性。 6. SEO与前端：前端开发者的SEO职责可能涉及元标记、URL结构、内容优化等，以确保网站在搜索引擎中的可见性和...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值