IE11清除浏览历史后parcelforce.com加载缓慢或无法加载，如何处理？

问题复现步骤 #

• 清除IE11浏览器的浏览历史、Cookie等数据
• 关闭IE11浏览器
• 重新打开IE11浏览器
• 访问地址 https://www.parcelforce.com

预期结果 #

parcelforce.com官网首页可在IE11浏览器中正常且快速加载。

实际结果 #

页面无法正常加载，刷新页面耗时极长，偶尔甚至完全无法打开。该问题仅在IE11浏览器中出现，同款网址在Chrome、Firefox、Safari等其他浏览器中均可快速加载。

可能的故障原因 #

1. 现代前端语法/API不兼容：IE11不支持所有ES6及以上版本的JS语法（比如箭头函数、async/await、可选链、Map/Set等），也没有内置很多现代Web API。如果站点打包时没有把JS转译为ES5、也没有引入对应的polyfill做特性补全，JS执行会直接报错，阻塞页面渲染流程，甚至导致整个页面停止加载。
2. CSS兼容性缺陷：IE11对CSS Grid、新版Flex布局、CSS自定义属性、部分新伪类选择器的支持存在大量bug，甚至完全不支持。错误的样式会触发IE11渲染引擎异常，轻则样式错乱，重则导致渲染线程卡住，出现加载耗时极长、白屏的问题。
3. 传输协议兼容问题：IE11对HTTP/2的支持存在很多已知缺陷，且默认仅支持TLS 1.0、TLS 1.2版本。如果站点服务器强制要求使用TLS 1.3、或者HTTP/2的配置没有兼容IE11，就会出现SSL握手失败、资源请求超时的情况，导致页面无法打开。
4. 资源加载策略不兼容：如果站点使用了ES Module、原生图片懒加载、Service Worker等IE11完全不支持的资源加载特性，核心页面资源根本无法正常下载，自然会出现加载失败的问题。

是否需要添加IE11专项适配代码 #

是否需要适配完全取决于站点的用户构成：

• 如果业务统计显示IE11用户占比仍在可接受范围内（作为公共物流服务站点，面向的用户群可能存在不少仍使用旧系统、旧浏览器的群体），就需要做专项适配，核心适配动作包括：配置Babel转译所有JS代码为ES5、引入core-js等polyfill补全缺失API、用PostCSS处理CSS自动添加前缀并写样式降级逻辑、服务器端配置兼容IE11的TLS和HTTP协议策略、对新特性添加兜底方案。
• 如果IE11用户占比已经极低（低于0.1%），也可以选择停止IE11支持，仅给IE11访问用户弹出浏览器升级提示即可，投入产出比更高。

内容的提问来源于stack exchange，提问作者vinod kumar