昨儿个在改公司那个老古董网页,点个按钮要等半分钟,用户都快掀桌了。翻翻代码差点心梗——全是没优化的JSP!得,撸起袖子开干。
第一步:扒光网页的肥膘
打开F12看加载,好家伙,首页图片加起来20M!连公章截图都3M。直接掏工具开压:尺寸砍半、压缩率拉满。同事发的设计图拖进PhotoShop,手动调整导出质量,一张2M的Banner被我压到200K,糊?肉眼根本看不出来!顺手把所有JS/CSS文件合并,原先37个请求直接缩成3个。
- 神器推荐:在线图片压缩网站(搜TinyPNG那种)
- 避坑:别压到色块出现马赛克
第二步:给数据库减负
商品列表页的SQL看得我血压飙升:每次刷新都查全表5000条数据!赶紧改成分页,后台Java代码加上LIMIT参数,前端页码按钮重新排版。顺手把“最新上架”这种万年不变的区块,从实时查库改成缓存,设置半小时更新一次,数据库立马少挨80%的刀。
第三步:收拾JSP里的烂摊子
扒开JSP文件,头皮发麻:Java代码和HTML搅成浆糊,还有一堆
