html布局以及页面优化(部分，后续更新中)

• em与rem的区别
  
  • rem是基于html元素的字体大小来决定
    
  • em则根据使用它的元素的大小决定
    
• link与import的区别
  
  • link是自上而下的加载，同步
    
  • import的所有都加载完毕之后在加载，是异步
    
• 优化
  
  • 图片压缩，js，css压缩
    
  • 图片懒加载
    
  • 减少http请求，避免使用import
    
  • 使用link，script：src引入css，js文件
    
  • 避免href和src的属性值为空
    
  • link引入的css放在头部，script引入的js放在尾部
    
  • 尽量使用异步加载iframe
    
  • 移动端
    
    • 首屏加载时，尽量把请求提前，选择按需加载