网站维护思路,静态化思路新手入门_网站入门教程

网站性能优化的方面有很多:1,使用缓存,最传统的一级二级缓存;2,将服务和数据库分开,使用不同的服务器,分工更加明确,效率更加高;3,分布式,提供多台服务器,利用反向代理服务器nginx进行反向代理,将请求分散开来;4,数据库的读写分离,不同的数据库,将读操作和写操作分开,并实时同步即可;5,分布式缓存,使用memcached或者redis等分布式缓存服务器

网站维护思路,静态化思路新手入门

网站性能优化的方面有很多:

1,使用缓存,最传统的一级二级缓存;2,将服务和数据库分开,使用不同的服务器,分工更加明确,效率更加高;3,分布式,提供多台服务器,利用反向代理服务器nginx进行反向代理,将请求分散开来;4,数据库的读写分离,不同的数据库,将读操作和写操作分开,并实时同步即可;5,分布式缓存,使用memcached或者redis等分布式缓存服务器,可以达到效果;6,页面静态化。当然还有其他很多方便需要处理,例如,数据库的设计,分库分字段,sql语句的优化等等  

页面静态化有以下几方面好处:

1,访问速度,不需要去访问数据库,或者缓存来获取哪些数据,浏览器直接加载渲染html页即可。所以可以大大的提高访问效率; 2,从网站优化来分析,搜索引擎更喜欢静态的网页,静态网页与动态网页相比,搜索引擎更喜欢静的,更便于抓取,搜索引擎SEO排名更容易提高。 3,从安全角度讲,静态网页不易遭到黑客攻击,如果黑客不知道你网站的后台、网站采用程序、数据库的地址,静态网页, 更不容易受到黑客的攻击。 4,从网站稳定性来讲,如果程序、数据库出了问题,会直接影响网站的访问,而静态网页就避免了如此情况,不会因为程序等,而损失网站数据,影响正常打开,损失用户体验,影响网站信任度。 

实现逻辑:

一,首先需要我们将一些需要静态化的页面进行分类,哪些经常不变内容的页面都需要静态化,例如,在电商里边的商店,店铺信息页;商品,货物信息页 等等。这些页面一旦发布了,后来改变的相对来说频率比较低,所以生成静态页面相对来说,可以大大提高用户的访问速度(不需要访问数据库,来动态生成jsp页面)。             二,将动态和静态分离开,例如:页面中用户信息,搜索栏等。这些信息需要从服务器获取,而那些静态页面一般放在云服务器上,例如上篇说到的阿里的OSS服务器,这里就涉及到跨域问题,利用JSONP,来进行静态页面和动态页面,不同域直接的整合。             三,静态页面的生成,方法很多,这里简单说一下,例如FreeMarker,首先利用FreeMarker写好对应的静态模版.ftl。然后通过接口来传递数据,生成静态的HTML页面,并上传对应的云服务器上,然后用户直接访问对应的地址即可。 

注意问题:

一,每一个商店,每一个产品都会产生一个,甚至是一套静态页面,随着网站的扩大,静态html页面将会不断的增大,增多,所以管理这些静态页面就非常需要提前思考了。例如路径的管理,控件的管理,及时更新的管理等等。      二,有些页面并不一定非要来静态化,但是为了避免地址暴露过多的信息,受到不法分子的攻击,URL伪静态也可以帮助我们,使页面看起来就像静态页面一样,这里提供一个URLRwrite,很简单好用,原理只是一个Filter。

海计划公众号
(0)
上一篇 2020/03/31 01:57
下一篇 2020/03/31 01:57

您可能感兴趣的内容

  • 函数式编程:从命令式重构到函数式使用帮助_编程小白基础

    :apple: 译序本文是一篇手把手的函数式编程入门介绍,借助代码示例讲解细腻。但又不乏洞见,第一节中列举和点评了函数式种种让眼花缭乱的特质,给出了『理解函数式特质的指南针:函数式代码的核心特质就一条, 无副作用 』,相信这个指南针对于有积极学过挖过函数式的同学看来更是有相知恨晚的感觉。希望看了这篇文章之后,能在学习和使用函数式编程的旅途中不迷路哦,兄die

    2020/03/24
  • Pushbar.js带模糊效果的隐藏滑动侧边栏插件小白帮助_插件基础知识入门

    Pushbar.js是一个小巧的Javascript插件,它可以用于在Web应用程序中创建滑动侧边栏效果,还提供模糊效果,就像开关抽屉的效果。你可以完全定制效果,它不依赖任何第三方库,你可以使用它作为侧栏菜单或者操作选项滑出效果。如何使用1.引入文件在页面中引入pushbar.js和pushbar.css文件。<link href="dist/css/pus

    2020/03/29
  • css样式初始化小白常识_初始化新手入门

    为了消除各浏览器对css默认的设置,保持网页在各浏览器中的外观保持一致,初始化css就显得非常必要了!很多时候出现的样式不兼容问题,都可以通过css初始化代码来解决。1.最耗资源的,最简单的* { padding: 0; margin: 0; border: 0; } 2.选择性初始化举例(综合)body,div,dl,dt,dd,ul,ol,li,h1,h

    2020/03/23
  • Vue移动端右滑屏幕返回上一页小白入门_屏幕小白知识

    有些时候我们玩手机更喜欢使用手势滑动带来的用户操作体验。Vue touch directive是一个用于移动设备操作指令的轻量级的VUE组件。使用它可以轻松实现屏幕触控、滑动触发事件,提高用户体验。本文结合实例讲解如何实现Vue移动端右滑屏幕返回上一页。安装依赖使用npm安装vue-directive-touch组件。npm install vue-dire

    2020/03/22
  • ES6 之 对象的简写方式小白攻略_对象小白知识

    简写有两条基本原则:同名的属性可以省略不写对象中的方法中的 : function 可以省略不写来看下下面这个例子,我分别用ES5 和 ES6 的语法分别定义并声明了一个简单的学生对象:ES5:var studentES5 = {name: ‘小方哥’,age: 20,sex: ‘男’,getName: function () {return this.nam

    2020/03/30
  • Js ajax状态码菜鸟攻略_码教程视频

    hr.readyState==4(ajax运行正常)xhr.status==200(后台运行正常)xhr.status==5xx(后台运行异常 联系后台代码人员) HTTP 状态码 ajax.status 1**:请求收到,继续处理 2**:操作成功收到,分析、接受 3**:完成此请求必须进一步处理 4**:请求包含一个错误语法或不能

    Web前端 2020/03/23
  • wunderbar小白教程_用于终端的简单漂亮水平柱状图

    wunderbar小白教程 官方网址:https://npm.im/@gribnoysup/wunderbar GitHub:https://github.com/gribnoys…

    2020/03/10
  • 面试官,不要再问我三次握手和四次挥手菜鸟攻略_面试入门基础

    三次握手和四次挥手是各个公司常见的考点,也具有一定的水平区分度,也被一些面试官作为热身题。很多小伙伴说这个问题刚开始回答的挺好,但是后面越回答越冒冷汗,最后就歇菜了。见过比较典型的面试场景是这样的:面试官:请介绍下三次握手 求职者:第一次握手就是客户端给服务器端发送一个报文,第二次就是服务器收到报文之后,会应答一个报文给客户端,第三次握手就是客户端收到报文后

    2020/03/23
  • js判断两个时间的时间差小白知识_时间零基础入门

    需求需要判断两个时间的时间差,思路是把两个时间转换成时间戳
    如果是2012/02/12这种格式的日期没有问题,如果是2012-02-12格式的还需要转换成2012/12/12
    而后相减的时间差除以3600,再除以1000就是相差的小时数,同理除以24就是相差的天数代码/*** @author Wujy* @date 2020/1/14* @Descripti

    2020/03/20
  • JSON.parse 三种实现方式基础知识入门_json使用教程

    前言近日在翻红宝书,看到 JSON 那一章节,忽然想到:“如何用 JS 实现 JSON.parse?”带着这个疑问,我找到了 JSON 之父 Douglas Crockford 写的 ployfill,里面提供了三种实现方式,下面我们逐一来分析。Eval第一种方式最简单,也最直观,就是直接调用 eval,代码如下:var json = ‘{“a”:”1″,

    2020/03/29
  • 一种对开发更友好的前端骨架屏自动生成方案入门攻略_骨架屏小白知识

    一份来自 Akamai 的研究报告显示,在对 1048 名网购户进行采访后发现:约 47% 的用户期望他们的页面在两秒之内加载完成。如果页面加载时间超过 3s,约 40% 的用户会选择离开或关闭页面。一直以来,为了提升用户在页面加载时的体验,无论是 Web 还是 iOS、Android 的应用中,前端开发工程师都做了许多工作。除了解决如何让网页展现速度更快的

    2020/03/24
  • CSS如何设置透明度?小白入门_透明小白攻略

    怎样用CSS样式表来设置DIV的透明半透明?首先说一下设置DIV半透明的CSS代码:div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;}说明:1、filter:对win IE设置半透明滤镜效果,filter:alpha(Opacity=80)代表该对象80%半透明,火狐浏览器不认。2、-mo

    2020/03/26
  • critters新手入门_一个Webpack插件,用于内嵌关键的CSS并延迟加载其余的CSS

    critters新手入门 官方网址:https://npm.im/critters-webpack-plugin GitHub:https://github.com/GoogleC…

    2020/03/11
  • Web前端十种常用的技术小白入门_web入门基础知识

    Web前端应用十种常用技术,随着JS与XHTML的应用普及,越来越多的web界面应用技术出现在网站上,比如我们常见的日历控件,搜索下拉框等,这些web界面应用技术大大的丰富了网站的表现形式,本文将为您精心推荐十种最常见的web界面应用技术。Web应用程序的界面设计,其核心就是网页设计 ,但它的重点主要是在功能方面。要超越桌面应用程序, Web应用程序必须提供

    2020/03/29
  • vue-uploader小白入门_由simple-uploader.js提供支持的Vue.js上传组件

    vue-uploader小白入门 GitHub:https://github.com/simple-uploader/vue-uploader 简介描述:由simple-uploa…

    2020/03/11
  • ECharts基础知识教程一个使用 JavaScript 实现的开源可视化库

    ECharts基础入门 官方网址:http://echarts.baidu.com GitHub:https://github.com/apache/incubator-echar…

    2020/03/05