在移动网络环境、尤其是3g条件下，制作网站必须将性能与稳定性置于核心，这直接关系到用户体验、与搜索引擎的排名权重，速度优化不再是可选项、而是生存法则。
核心目标很明确，减少请求数、压缩传输体积、充分利用缓存，每一个字节、和每一次握手都至关重要。
服务器启用gzip、或更高效的brotli压缩，这是传输过程中的关键一步，能将文本类资源体积压缩至原大小的四分之一、甚至更小，对于3g网络波动大的特性，这能显著提升加载成功率。
缓存策略必须配置得当，利用浏览器缓存静态资源，通过设置cache-control、etag等http头，让用户再次访问时无需重复下载，这直接提升了“感觉上的速度”，对稳定性贡献巨大。
-- 彻底审视并精简第三方插件与代码，每个外部脚本、尤其是社交媒体插件、和统计代码，都可能成为性能瓶颈，必须评估其必要性，或寻找异步加载、延迟加载的方案。前端代码结构需重构，避免渲染阻塞，css尽量放在文档头部、javascript则放在尾部，或使用async、defer属性异步加载，关键路径上的任何延迟，都会导致白屏时间延长，这在低速网络中会被极度放大。
采用移动优先的响应式设计时，切勿简单隐藏桌面端元素，应该使用css media query、配合srcset属性为不同屏幕尺寸提供最恰当的图片尺寸，避免小屏幕下载大图，这浪费流量、也拖慢速度。
-- 考虑引入cdn内容分发网络，将静态资源分发到离用户更近的节点，这能减少网络延迟、和丢包率，对稳定性提升立竿见影，尤其是对于地域分散的用户群体。后端响应时间同样关键，优化数据库查询、使用opcode缓存（如apc、opcache）、对动态内容进行片段缓存，确保服务器端处理请求的时间控制在毫秒级，3g网络本身延迟就高，服务器不能再增加负担。
代码合并是经典手段，将多个css文件、javascript文件合并为单个文件，但这需要权衡，合并过大文件可能影响缓存效率、与首屏渲染，最佳实践是区分核心代码与非核心代码，进行分块加载。
减少重定向，每一次301或302跳转，都意味着额外的http请求、与往返时间，在移动网络上这种消耗尤为明显，直接链接到最终url。
-- 启用http/2协议如果服务器支持，其多路复用、头部压缩等特性，能极大改善在弱网环境下的加载效率，这是底层协议的升级红利。对首屏内容进行优先渲染，可以使用骨架屏技术，先输出页面结构框架，让用户感知到内容正在加载，而非面对一片空白，这在心理上能极大缓解等待焦虑、提升体验稳定性。
监控与测量不可或缺，使用google pagespeed insights、lighthouse、webpagetest等工具，定期分析网站性能，关注首次内容绘制、最大内容绘制、首次输入延迟等核心指标，数据驱动优化。
代码本身要简洁高效，避免复杂的css选择器、与频繁操作dom的javascript，这些都会消耗移动设备宝贵的cpu资源、与电量，导致滚动卡顿、交互迟缓。
-- 考虑渐进式web应用技术，通过service worker实现资源的预缓存、甚至离线访问，这能将网站应用化，再次访问时几乎瞬间加载，极大对抗网络不稳定性。域名分片技术需谨慎使用，在http/1.1时代用于突破浏览器同域名并发数限制，但在http/2下可能适得其反，增加dns查询开销。
确保服务器开启了keep-alive连接，减少tcp三次握手的次数，对于需要加载数十个资源的网页，这能节省可观的连接建立时间。
视觉上，懒加载所有非首屏图片、与视频，当用户滚动到附近时再开始加载，这能确保首屏速度最快，并节省用户不必要的流量消耗。
-- 后端启用数据库从库分离读写，使用redis、memcached进行高频数据缓存，动态页面的生成速度，是网站稳定的基石，不容有失。字体文件要子集化，仅包含页面实际使用的字符，避免加载数兆的完整字体文件，中文字体尤其要注意，通常需要手动提取子集。
减少cookie体积，甚至对静态资源使用无cookie的独立域名，因为每次请求都会携带cookie信息，过大时会增加请求头大小、影响速度。
构建流程自动化，使用webpack、gulp等工具，集成图片压缩、代码合并、文件哈希等优化步骤，确保每次发布都自动执行最佳实践。
-- 关注网络请求的瀑布图，找出序列化加载、或相互阻塞的资源链，通过调整加载顺序、或拆分依赖来优化，目标是让关键资源尽早下载。服务器位置本身就有影响，如果主要用户在国内，服务器却放在海外，即使优化再好，物理延迟也无法避免，选择地理位置合适的云服务商、或数据中心。
最后，真机测试必不可少，在真实的3g网络模拟环境下，用不同品牌、型号的手机实际访问，你会发现许多在高速wifi下无法察觉的问题，例如触摸事件延迟、滚动性能差异，这些细节决定了体验的“稳”。
优化是一个持续的过程，没有一劳永逸的方案，随着技术演进、与用户习惯变化，需要不断测量、分析、与迭代，才能在移动优先的时代，确保每一个用户都能快速、稳定地获取信息。
