要提高在手机上加载媒体查询和Javascript和响应式图片技术优化网页的加载速度，可以采取以下几种方法：
1. 减少页面的文件大小：通过压缩HTML、CSS和Javascript文件来减少文件大小，可以使用工具如Gzip进行文件压缩。
2. 延迟加载：将Javascript文件和媒体查询代码放在页面底部，并使用异步加载方法，这样可以避免页面加载时的阻塞，提高页面加载速度。
3. 图片优化：对于响应式图片，可以使用srcset和sizes属性来指定不同屏幕尺寸下不同的图片大小，从而减少不必要的图片下载量。另外，可以使用图片压缩工具对图片进行优化，减小图片文件大小。
4. 使用缓存：利用浏览器缓存，将常用的文件（如CSS和Javascript）缓存到本地，减少重复的网络请求，提高加载速度。
5. CDN加速：使用内容分发网络（CDN）来加速网页加载速度，CDN可以将文件存储在全球多个服务器上，用户访问时会自动选择最近的服务器进行加载，减少跨地区网络延迟。
6. 减少HTTP请求：通过合并CSS和Javascript文件，减少文件数量，从而减少网络请求的次数，提高加载速度。
以上方法可以结合使用，根据具体情况进行优化，以提高在手机上加载媒体查询和Javascript和响应式图片技术的网页加载速度。
未经允许不得转载：跨屏互联 » 如何使用媒体查询和JavaScript和响应式图片技术优化网页在手机上的加载速度？
