开发互联网产品的优化要求

最少请求数:

  • TAB页异步加载或延迟加载;
  • 合并JS/CSS文件;
  • CSS Sprites CSS图像地图;
  • 统一公用JS/CSS文件;
  • 合并Ajax请求;
  • 避免重定向;
  • 减少iframe请求;
  • 头像、图片滚屏延迟加载;
  • 不重要的页面模块异步加载;
  • 多级Cache。

最快请求速度:

  • 设置长时间缓存;
  • 尽量使用请求可缓存;
  • Cookie隔离;
  • 动态、静态应用分离;
  • 按类型选择合适的Web服务器;
  • 适当使用多域名增加并行下载;
  • 设置Gzip压缩;
  • 多IDC部署、动态内部代理;
  • 使用CDN网络;
  • 提高IP库定位能力;
  • 图片质量压缩,使用PNG8;
  • 图片预加载;
  • JS/CSS混淆;
  • 压缩页面代码;
  • 统一公用的JS库代码和应用代码;
  • 减少Cookie大小;
  • 逻辑层协议合并、并行处理;
  • 数据、索引内存、SSD并行写。

最快可见可用:

  • 首屏优化原则;
  • 减少元素数量、Size;
  • HTML、CSS、JS代码减肥;
  • JS性能优化  DIV+CSS布局;
  • 优化,避免使用CSS表达式;
  • CSS Sprites合屏分屏 CSS、JS;
  • 位于页面底部的JS并行下载;
  • 避免复杂的JS循环计算;
  • 统一JS放在页面最尾处;
  • 按需加载、异步加载、延迟加载、预加载;
  • 后台尽快输出HTML代码。

互联网时代,成败输赢真的就在一秒、甚至是几毫秒之间。你的首屏打开速度比别人慢几毫秒,那别人就会比你拥有更多的用户,所以好的产品,一定要做到快。

JS是网页性能杀手,一个新手写的JS代码、或者是杂乱排放的JS代码,会整体拖垮你网站的体验;

配置Gzip压缩,能够能够压缩至百分之80,能够大大减少服务端压力;

延迟加载、预加载,总而言之,一定要做到按需加载。

时间: 2025-01-16 07:01:00

开发互联网产品的优化要求的相关文章

互联网产品上线前,做些什么——产品、开发、测试的视角

这阵子,经历了一个做产品以来速度最快的一个项目,太多第一次遇到的情况,从中秋节前到现在,除去校招出去的5天,一直都在赶项目.即使是校招,也是以项目为主题进行群面和创意PK. 每天早上9点多到公司,晚上12点后收工,甚至有到凌晨4点才下班,早上7点多起床,中午还不休息. 赶项目的节奏,大抵如此吧.这不是一种健康的状态,会逐步调整过来. 先说一点特别重要的事情: 无论进度多赶的项目,发布前,请一定内测. 无论进度多赶的项目,发布前,请一定内测. 无论进度多赶的项目,发布前,请一定内测. 这段时间,真

转:互联网产品开发流程

互联网产品开发流程 对于稍微大一点的互联网产品都要有精心部署和安排才行,否则项目进行的将会一塌糊涂.先说一说都有哪些岗位和开发所用的软件:PD(产品策划):word,visio,AxurePM(产品经理):EasyMindID(交互设计师):Axure, PhotoshopVD(视觉设计师):Phtotoshop, IllustratorWD(前端开发工程师):Photoshop, DreamweaverDEV(后端开发工程师):Dreamweaver, MyEclipse 再 说说MRD(Ma

【产品】程序员如何和产品经理沟通02——互联网产品从想法到实现

简介  作为一只从技术转向产品的程序猿,和大家分享一下产品相关的一些要素.一方面给各位程序猿参考一下,所谓知己知彼,方便以后和产品汪们优雅地撕逼:另一方面,如果有想从技术转产品的程序猿也可以作为参考. 一个产品从拍脑瓜子想出ideal到最终产品发布上线需要经过哪些过程呢?作为一个程序猿可能不是很清楚. 看了以下的一个简单框架就大概能略知一二,另外以下每个小点都可以是一个深耕的研究方向,不管是产品.销售.设计.开发.运维,要做好.做精一个产品实在不易呀. 一个互联网产品的诞生过程: 1.产品的定义

>>【直播间】移动互联网产品中如何用好HTML5?

开发者福利来袭! 51CTO携手APICloud为正在做移动开发.即将转型做移动开发的小伙伴们分享移动开发最前沿技术,我们特此邀请到许志锋老师做直播分享课. 小板凳已备好,开始学习啦~ 分享主题 移动互联网产品中如何用好HTML5? 内容简介 移动互联网时代产品的整体架构 HTML5 For App 需要功能扩展 HTML5 For App 需要优化渲染 HTML5 For App 一些开发技巧 HTML5 For App 跨平台产品 首款全功能集成开发工具 面向对象 Java开发工程师.And

互联网产品消息推送设计策略(转)

在移动互联时代,消息推送越来越受到各个APP的重视,本文就以互金产品为例阐述消息推送的几个类别以及应用的场景方式.运营策略,希望对你有益. 在之前一文中,笔者概括性的介绍了通知功能是互金理财平台的一个基础但重要的功能.消息推送能将个人账户相关.平台相关内容送达终端用户,是为互联网产品一个重要的功能.在移动互联网时代,移动客户端出现寡头效应,消息推送愈发重要,而在互金产品中尤甚. 因此本文将开始重点阐述互金产品消息推送的类别.场景.方式和前后端推送设计策略以及运营策略. 1 定义 本文所指的"互金

一个互联网产品的进化周期大概

以下的产品进化是全新产品的进化,如果你是大公司,一发布就出响的,这面谈的这些进化可以看作内测版的发布周期. 一.产品开发阶段和商业化阶段 传统产品的产品开发过程和商业化过程是完全独立的,产品开发经过创意.概念.开发.测试以后进入商业化过程以后,产品开发就完全终止了.互联网产品则不同,特别是创新性的互联网产品,一是需要在商业化运营过程中不断根据反馈完善.二是在商业化阶段甚至要应变转向.但是开发阶段和商业化阶段又不是完全没有分隔,也许分隔就是从研发为主到运维完善为主.当然商业化也可能倒走,就是新的一

互联网产品经理常用软件及工作平台

http://uedc.163.com/2657.html 上期书友会分享了工具,大家发信给我说希望能够写篇博文来分享,PPT还不够他们使.好吧,我再啰嗦一次.我不想和大家具体去讨论一个工具如何如何 使用,具体有那些细节功能,我相信,工具只有在亲自使用.体验.完成工作任务才知道是否合适.好用.够用.在这里,我系统的和大家分享一下,到底会用到那 些软件.工具.平台,在全局上面有一个了解.工欲善其事必先利其器,好的工具软件可以大大提高工作效率,工具各有优劣,大家按需取之,我分享的主要是 Window

[ 产品经理 ] 互联网产品经理常用软件及工作平台

[ 产品经理 ] 互联网产品经理常用软件及工作平台 2014-5-11 08:37| 发布者: 无为 | 关键词: 上期书友会分享了工具,大家发信给我说希望能够写篇博文来分享,PPT还不够他们使.好吧,我再啰嗦一次.我不想和大家具体去讨论一个工具如何如何使用,具体有那些细节功能,我相信,工具只有在亲自使用.体验.完成工作任务才知道是否合适.好用.够用.在这里,我系统的和大家分享一下,到底会用到那些软件.工具.平台,在全局上面有一个了解.工欲善其事必先利其器,好的工具软件可以大大提高工作效率,工具

总结:互联网产品如何运营

大概两个月之前,在人人上看到了肖潇学长发日志说有一个开运营班的想法.当时正好也在做一些运营方面的事情,所以立马决定报名参加这个学习班,一来是想着可以扩大下自己的圈子,二来也可以普及一下关于运营方面的专业知识,再就是可以学习一下成功的经验和失败的教训.从总体上来说,我的这三个目的最后都是达到了的. 首先,就来先总结下课程中的几个大的知识点. 如何成为互联网人: 1.关注互联网资讯(本来想推荐无觅阅读的,可惜那团队为了无秘牺牲了无觅阅读,所以推荐大家使用鲜果,因为相较ZAKER鲜果有PC端): 2.