在当今的网络浏览中，页面的加载速度对于用户体验至关重要。而加载阻塞是影响页面加载速度的关键因素之一。在Chrome浏览器中，我们可以采取以下几种方法来减少页面中的加载阻塞：
一、优化CSS样式
1. 简化CSS代码：检查页面的CSS样式表，去除不必要的样式规则和属性。例如，删除未被使用的类选择器、重复定义的样式等，以减小CSS文件的大小，从而加快CSS的加载速度，减少对页面渲染的阻塞。
2. 使用媒体查询优化：合理运用媒体查询，根据不同的设备屏幕尺寸和分辨率来加载相应的CSS样式。避免在桌面端加载适用于移动端的大尺寸图片或复杂样式，减少不必要的资源占用，提高页面在不同设备上的加载性能。
3. 将关键CSS内联：识别页面中的上方折叠区域（即用户在不滚动页面的情况下能看到的区域）的关键CSS样式，并将其内联到HTML标签的`style`属性中。这样可以使浏览器在加载页面时先渲染出上方折叠部分的内容，再在后台加载剩余的CSS样式，有效减少CSS加载阻塞对用户可见区域的影响。
二、优化JavaScript脚本
1. 延迟非关键脚本的执行：对于那些不影响页面初始渲染和基本功能的JavaScript脚本，可以使用`defer`或`async`属性来延迟其执行。`defer`属性表示脚本会在文档解析完成后按顺序执行，而`async`属性则表示脚本会在下载完成后立即执行，无需等待文档解析完毕。通过合理运用这两个属性，可以避免JavaScript脚本在头部阻塞页面的渲染。
2. 减少脚本的依赖关系：如果页面中有多个JavaScript脚本之间存在依赖关系，要尽量简化和优化这种依赖。合并相关的脚本文件，或者调整脚本的加载顺序，确保每个脚本能够在其依赖的脚本加载完成后再执行，避免因脚本加载顺序不当导致的阻塞问题。
3. 使用Web Workers处理复杂任务：对于一些耗时较长且不需要与页面渲染同步的复杂任务，如数据处理、文件读取等，可以将其放在Web Workers中执行。Web Workers是一个独立于主线程的线程，可以在后台运行而不阻塞页面的渲染进程，从而提高页面的响应速度。
三、优化图片资源
1. 压缩图片：使用专业的图片压缩工具对页面中的图片进行压缩，在保证图片质量的前提下减小图片的文件大小。较小的图片文件可以更快地加载完成，减少对页面加载的阻塞。
2. 选择合适的图片格式：根据图片的内容和用途选择合适的格式。例如，对于照片等色彩丰富的图像，JPEG格式通常是较好的选择；对于图标和需要透明背景的图像，PNG格式更合适；而对于一些简单的图形和动画，可以考虑使用WebP格式，它能够在保持较高画质的同时减小文件大小。
3. 懒加载图片：采用图片懒加载技术，当用户滚动到页面中的某个位置时，再动态地加载该位置的图片。这样可以避免在页面初始加载时就一次性加载所有图片，减少图片加载对页面渲染的阻塞，提高页面的初始加载速度。
综上所述，通过优化CSS样式、优化JavaScript脚本以及优化图片资源等方法，可以有效地减少Chrome浏览器中页面的加载阻塞，提高页面的加载速度和用户体验。