举个商品列表页面为例子。
创新互联专注为客户提供全方位的互联网综合服务，包含不限于网站制作、网站建设、双湖网络推广、小程序定制开发、双湖网络营销、双湖企业策划、双湖品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联为所有大学生创业者提供双湖建站搭建服务，24小时服务热线：028-86922220，官方网址：www.cdcxhl.com
前端渲染：说的应该是刚进入页面时，商品列表这些数据都不给你，不会渲染出这些数据。然后加载script时，再用ajax或者fetch之类的发起了请求另一个接口，服务端返回了商品列表的json数据给你，你在js中用模板引擎之类的技术，把这些数据拼成html字符串插入到Dom里。
服务端渲染：服务端用php的smarty模板或者java的jsp，把页面的商品列表信息渲染出来了，返回一个html给浏览器了。
区别：如果页面要求被蜘蛛抓取，前端渲染的数据就不能被抓取到，但是服务端渲染的页面就能被抓取到。如果有SEO要求，只能用服务端渲染。如果用Node.js渲染的话，那就都没这些问题了。
php渲染叫做后端渲染（后端渲染不一定是php），ajax渲染叫做前端渲染（前端渲染也不一定是ajax）。
做后端的肯定会说后端渲染好，做前端的肯定会说前端渲染好，大家都是为了体现自己的价值。但凡事无绝对，应该根据适当的应用场景来决定渲染方式。
如果对SEO比较重视，则应当以后端渲染为主，因为搜索引擎是无法获取动态数据的。前端渲染的好处对于用户来说是在操作数据的时候提升用户体验，对开发者来说则是在团队开发中可以做到前后端分离。但前端渲染需要多次调用接口来获取或操作数据，这样就增加了服务器并发和网络负担。
所以，一般来说，以展示为主或单一数据操作的，适合用后端渲染。以大量动态数据操作为主的，适合前端渲染。首屏最好后端渲染，动态数据变化前端渲染。
只给浏览器肯定用得上的数据。后端服务往往不知道前端具体需要哪些数据，给的数据冗余，如果去掉不必要的数据，可以节省数据传输时间。
先展示用户第一眼看到的界面，然后懒加载其余部分。不管页面有多大，用户同一时间看到的也就屏幕那么大，先把用户第一眼看到的数据加载展示了，能打打提高感知性能。
缓存数据。这个缓存可以放在浏览器端，比如用Service Worker的Cache Storage，也可以在服务器端，比如常用的图表的显示，可以在服务器端预先计算出接过来，省去浏览器的计算时间
