调优Web站点性能完全攻略

 更新时间:2016年9月20日 19:03  点击:1336
对一个电子商务网站来说,需要运用最少的带宽和服务器资源,为更多的客户提供更快捷的服务。而用户对Web站点的满意度,主要以访问速度来衡量。

??从用户角度来说,Web站点只有“快”和“慢”之分;用户往往并不要求实现大容量数据传输,而是希望网站在保证性能的同时,能够容纳更多的访问者。Web用户所关心的问题的实质是访问时间。从网络维护角度说,导致时延的潜在因素是多方面的,大致来讲,可以从5个方面改进Web站点的性能:缓冲、压缩、CPU优化、运用内容分发网络(CDN)及客户端软件。

??当一个站点访问用户过多时,服务器会超载,站点速度也会随之降低。若增加服务器并运用负载均衡或群集方案,可增加网站访问量,站点的性能也能达到可以接受的水平。但往往出现的情况是,终端用户能够获取较快的访问速度,而预期的访问容量达不到,因此应首先考虑改进网站性能。通过限制对服务器的访问量、避免服务器出现全面缓冲,或者采用纯CDN模式,可以提高页面提交速度,站点能容纳更多的用户。

??优化服务器配置

??运用更快速的磁盘和更好的网络存取机制,能明显改进网站访问速度。可以运用特定网卡(如Akamba公司的Velobahn)来改进服务器的速度,或是采用相关技术优化网络接口卡的性能。这类方案的核心是设法减轻Web服务器CPU的负荷,使其从繁琐的网络协议处理中“解脱”出来,而集中于页面处理和服务提供。

??要尽可能地提升服务器性能,运用成熟的Web服务器加速软件必不可少,在未来几年中,成本低廉、具备高度优化、嵌入式操作系统的Web服务器工具将会出现。

??运用缓冲机制

??优化网络可升缩性和性能的另一方法是在服务器外围增加缓冲机制。比较流行的方案是为Web服务器增加反向缓冲代理,使服务器能够顺利实现已创建页面的传输,同时在创建动态页面过程中减轻服务器负荷。

??缓冲机制比较容易实现,可以自行构建代理程序,也可采用其它基于硬件的产品,如Cobalt Networks的产品CacheRaQ、CacheFlow公司的高端缓冲工具CacheOS。不过购买时须注意,很多硬件缓冲产品实际上是在Linux服务器中运行相关软件来实现缓冲功能的。由于缓冲机制通常不能很好地处理动态生成内容,现在运用已呈下降趋势。对于实时动态页面,若运用缓冲,显示速度会明显减慢。


  保护自己的成果,为自己的网页上把锁,今天就让大家了解一下如何给自己的网页加上一把密码锁……

  现在专业性的网站越来越多,许多网友们都在网上建立起了自己的小家。不过辛辛苦苦制作的网页被人拿去改头换面却是件非常痛心的事,所以大家都想保护自己独创的作品,为自己的网页上把锁,今天就让我带大家了解一下如何给我们的网页加上一把密码锁。

  一、常用JavaScript密码锁

  1. 了解javascript
  JavaScript是一种新的网页描述语言,是由Sun公司以及网景Netscape公司开发的,此一语言可以被嵌入HTML的文件之中,使用它可以让你设计交互性的网页内容。

   2. javascript特点
  使用javascript非常简单,只是一小段代码,就可以让网页发生千奇百怪的效果,而且使用javascript来加密的方法是网络中加密最常用的方法。

  3. 使用javascript加密
  使用javascript加密最简单的结果就是让浏览者不能使用鼠标右键,当他点击右键想对图片进行保存或者复制文字的时候就会弹出一个警告窗口或是弹出收藏夹等。

  实现方法:

  (1)利用弹出窗口封锁鼠标右键
  将下面这段代码放在网页HTML代码的<head></head>标志中,就可以实现封锁右键,给网页加密。
<script language="javascript">
function click() {if (event.button==2) {alert('本站不准使用右键,
使用左键吧!^_^') }}
document.onmousedown=click</script>

  (2)弹出“添加收藏夹”封锁鼠标右键
  将下面这段代码放在网页的HTML代码的<head></head>标志中。实现点击右键出现“添加到收藏夹”选项。
<script language="javascript">
function click() {if (event.button==2) {window.external.addFavorite
('http:///,' 网页教学网')}}
document.onmousedown=click</script>

  (3)彻底封锁鼠标右键
  将下面这段代码放在网页的HTML代码的<head></head>标志中能够实现彻底封锁鼠标右键的效果,由于这个脚本在右键按下时调用一个函数,所以可以改为很多种类型。即使按下左键,再按下右键,放开左键,再放开右键的方法也还是破解不了。

<script>
function DM(e){if(!ns){if(event.button>1)window.external.addFavorite
('http://www.popunet.com/,' 大众网络报')}else{if(e.which>1)return false}}ns=navigator.appName=="Netscape";if(ns)document.captureEvents
(Event.MOUSEMOVE|Event.MOUSEDOWN);document.onmousemove=DM;document.
onmousedown=DM;</script>

  (4)禁止查看源文件
  将下面这段代码放在网页的HTML代码的<head></head>标志中则可以实现禁止利用IE浏览器查看源文件。
<script language="JavaScript">
<!--
document.onmousedown=click
function click() {
if ( event.button==2) {alert('不准查看源文件') }
if ( event.button==3) {alert('不准查看源文件') }
}
//-->
</script>

  (5)用乱码显示链接、调用地址加密。
  利用某些函数把URL字符转换成ASCII码,从而达到隐藏链接Frame页面和*.js,*.asp等脚本的目的。返回ASCII码escape(character),ASCII码为%XX格式,XX是十六进制,如空格键为%20。返回字符unEscape(string)
如:
<!—var Words=" %3Cframeset%20BORDER%3D%220%22%20FRAMEBORDER%3D%220%22
%20FRAMESPACING%3D%220%22%20rows%3D%22100%25%22%3E%0D%0A%20%20%3Cframe
%20SRC%3D%22http%3A//XXX.XXX.COM/XXX/XXX/%22%20NAME%3D%22oos1%22%20"//
-->
</script>

  一、Internet服务功能的扩展

  在基本实现Internet功能的基础上,你可以再安装E-Mail服务器端软件以实现电子邮件收发功能;安装News服务器端软件以实现Newsgroups新闻讨论组功能……这些软件都可以在Internet上下载,在众多的此类服务器端软件中,笔者推荐Microsoft的BackOffice系列综合网络服务软件包Exchange。该服务包括的支持软件包如下:

  ·Exchange Server 5.5评估版(三个月):文件名exch55i.exe;文件大小23MB。

  ·Windows NT Server Pack 3运行Exchange所必需的WinNT升级服务包:文件名Nt4sp3_ i.exe;文件大小18MB。

  ·Active Server Pages Release在Exchange下实现WWW网页方式E-Mail、News功能所必需的服务包:文件名Asp_ i386.exe;文件大小29MB。

  以上文件均可在Internet上自由下载,也可登录到我网站的FTP服务器上下载。然后再进行以下的安装、设置等工作。

  二、Windows NT Server Pack 3(SP3)的安装

  Windows NT Server Pack 3是Windows NT 4.0的升级服务包,除修正了原有错误外,它还包括Windows NT Server 4.0发布之后的新技术支持。

  以管理员身份登录后,在Win NT资源管理器中双击SP3的安装文件Nt4sp3_ i.exe,即开始SP3的安装。首先提取文件到临时目录D:TEMP中,然后进入安装向导界面。按照提示,每一步都取默认值,然后开始复制SP3升级文件到D:WINNT目录,最后显示Win NT已经被更新。选择“确定”来重新启动计算机,会看到操作系统管理器OS Loader的版本已经由4.0变为4.01,原来的WinNT版本号“Build 1381 Server Pack 1”变为“Build 1381 Server Pack 3”。至此该部分安装结束。

  三、Active Server Pages(ASP)的安装

  如果要应用Exchange Server 5.5的基于WWW网页方式的E-Mail、News等功能,必须安装ASP服务包,否则可不必安装此部分。

  以管理员身份登录后,在Win NT资源管理器中双击ASP的安装文件Asp_ i386.exe,即开始ASP的安装。首先提取文件到临时目录D:TEMP中,然后进入安装向导界面。在许可协议窗口点击“I Agree”按钮表示接受许可协议,然后按照提示,每一步都取默认值,直至ASP安装结束。

  四、Exchange Server 5.5的安装

  以管理员身份登录后,在WinNT资源管理器中双击Exchange的安装文件Exch55i.exe,即开始此部分的安装。首先进行解包提取文件到临时目录,提取完毕后,在WinNT资源管理器中双击D:TEMPMicrosoft Exchange Server 5.5ServerI386目录中的安装文件SETUP.EXE进入实际安装过程。单击中间的完全安装按钮,勾选所有选项,并根据提示进行一系列选择后,完成Exchange Server 5.5的安装。

     五、Exchange Server 5.5的设置

  在Exchange Server 5.5安装完毕后,在WinNT桌面顺序单击“开始”-“程序”-“Microsoft Exchange”-“Microsoft Exchange Administrator”,即进入Exchange Server的设置。

  在首次运行时,出现连接到服务器的对话框,输入服务器的名字“DAMUGE”单击“OK”,然后在提示版本过期窗口单击“确定”,即出现Microsoft Exchange Administrator主菜单画面。

  1.Internet Mail服务的添加和设置

  在主菜单中,顺序选择“”-“New Other”,运行Internet Mail Service添加向导,除了在E-Mail地址生成格式处输入“@mail.webfree.com”之外,所有对话框全部取默认值。

  2.Internet Newsgroups新闻讨论组的设置

  在主菜单下,展开“Folders”-“Public Folders”,点选“Internet Newsgroups”,然后按“Alt+ENTER”键,弹出“Internet Newsgroups Properties”属性窗口,单击“Client Permissions”按钮,出现客户许可窗口。默认的(Default)许可和匿名访问者(Anonymous)的许可(Permissions)是相同的。

<

  要往GIF图片添加某些东西时,比如,一层轮廓或公司的标识,常常很难得到你想要的精确色彩。即使在调整图片编辑软件的色彩点取器到了你所要的色彩后,软件仍然给你另外的色彩。

  这是因为图片编辑软件保持GIF的色彩调色板,而你要使用不在其中的色彩。解决方法是打开GIF图片将其转成JPEG格式。现在你就有了任何想用的色彩了。做完后,再将它减为8位或更低的,保存为GIF格式。

  即使你不要增加新的色彩,也得注意你的修改是否删除了任何色彩,特别是在切割图片时。由于每减少图片中的一种色彩就相应减少一定的文件大小,特别是在减少了位深度的时候。要及时让你的图片编辑软件重新计算色彩。一些图片编辑软件要你首先切换到真彩,但当你换回到排序色时,调色板便减小了。

  如果你只想以一种色彩替代另一种,就不存在上述的问题。仍然在排序色模式下的GIF格式中,打开调色板(在图片编辑软件的菜单中找到调色板或者色彩表),点击选择你所要转化的色彩。键入想要的新色彩的RGB数值,然后关掉调色板。原来是旧色彩的像素现在都以新色彩呈现出来了。

<

IE 浏览器隐身

  浏览网页,时常会发现自己的浏览器窗口不见了,但网页内容还在。这种效果是不是很神奇呢?实现此种功能只要有三种原理,按实现方法的不同,给它们各起了个名字,分别是:瞒天过海法、借尸还魂法和返璞归真法。不要被它们的名字吓着了,其实实现起来并不困难,只要看了下面的内容,就明白个中道理了!

一、瞒天过海法-javascript

  我们知道,显示器的分辩率大小决定了我们看到的程序窗口的面积大小,分辩率越大,窗口面积越大,看到的内容就越多。但并不是说显示面积越大就越好,因为分辩率的变化会带来菜单文字的变化,可能会影响软件界面的字体美观。此乃题外话,就不细说了。浏览器同样是一种程序,其窗口的大小,我们可以利用脚本语言来控制调整,这样我们就可以实施瞒天过海法来达到全屏目的,方法是在网页文件的头部,也就是 < head > 与 < /head > 标签之间加上下面这段 javascript 代码:

< script >
< !--
function omiga_window(){
window.open("12.htm","","fullscreen=1,menubar=0,toolbar=0,directories=0,location=0,
status=0,scrollbars=0")
}
//-- >
< /script >


  代码功能是由一个网页调出另一个浏览器窗口,加上设置语句,设置新窗口的大小为全屏,然后新的网页内容就显示在此窗口里,借此实现了全屏。

  不要忘记在网页文件的 < body > 标签里加上加载网页里调用函数的代码。代码设置如下:

< body onload="omiga_window()" onBlur="self.close()" scroll="no" >


二、借尸还魂法

  可能有些朋友见到代码就害怕。告诉你,不怕!不懂脚本代码的我们可以使用 Dreamweaver 的插件,借尸还魂!实现全屏!

  首先我们到点击下载 “MFX-fullscreen.mxp”插件 到自己的硬盘里,接着打开 Dreamweaver4 菜单栏“Commands”,选择“Manage Extensions”命令,打开插件管理工具“Macromedia Extension Manager”,按“Ctrl + i”快捷键把插件安装好。

  接下来的事情就相当轻松了,重新启动一次 Dreamweaver4 ,按“Shift + F3”打开行为面板,再按快捷键“Ctrl + Tab”进入源代码窗口,点击行为面板的加号按钮,在弹出的菜单中选择“MFX”里的“MFX-fullscreen”命令马上可以看到 < head > 和 < /head > 是加入了全屏的代码,同时 < body > 里也加入了“onLoad”加载函数。按 F12 就可以看到全屏的效果。注意,没有进入源代码窗口该命令呈灰色,是不可选的。

  没有插件的朋友可以复制以下代码到网页文件:

< script language="JavaScript" >
< !--
function MachakFull(Ie,other){
//Copyright ?1999 m.milicevic machakjoe@netscape.net jjooee@tip.nl
x=screen.availWidth;
y=screen.availHeight;
target = parseFloat(navigator.appVersion.substring(navigator.appVersion.indexOf('.')-1,navigator.appVersion.length));
if((navigator.appVersion.indexOf("Mac")!=-1) &&(navigator.userAgent.indexOf("MSIE")!=-1) &&(parseInt(navigator.appVersion)==4))
window.open(other,"sub",'scrollbars=yes');
if (target >= 4){
if (navigator.appName=="Netscape"){
var MachakFull=window.open(other,"MachakFull",'scrollbars=yes','width='+x+',

[!--infotagslink--]

相关文章

  • Springboot如何实现Web系统License授权认证

    这篇文章主要介绍了Springboot如何实现Web系统License授权认证,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-05-28
  • C#使用Http Post方式传递Json数据字符串调用Web Service

    这篇文章主要为大家详细介绍了C#使用Http Post方式传递Json数据字符串调用Web Service,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2020-06-25
  • InterlliJ IDEA2020新建java web项目找不到Static Web的解决

    这篇文章主要介绍了InterlliJ IDEA2020新建java web项目找不到Static Web的解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-09-02
  • 详解在IDEA中将Echarts引入web两种方式(使用js文件和maven的依赖导入)

    这篇文章主要介绍了在IDEA中将Echarts引入web两种方式(使用js文件和maven的依赖导入),本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-07-11
  • 带你了解PHP7 性能翻倍的关键

    20岁老牌网页程序语言PHP,最快将在10月底释出PHP 7新版,这是十年来的首次大改版,最大特色是在性能上的大突破,能比前一版PHP 5快上一倍,PHP之父Rasmus Lerdorf表示,甚至能比HHVM虚拟机下的PHP程序性能更快。HHVM 是脸书为自...2015-11-24
  • jQuery mobile 移动web(6)

    这篇文章主要介绍了jQuery mobile 移动web(6)的相关资料,需要的朋友可以参考下...2015-12-21
  • 利用 Chrome Dev Tools 进行页面性能分析的步骤说明(前端性能优化)

    这篇文章主要介绍了利用 Chrome Dev Tools 进行页面性能分析的步骤说明(前端性能优化),本文给大家介绍的非常想详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2021-02-24
  • JavaScript提高网站性能优化的建议(二)

    这篇文章主要介绍了JavaScript提高网站性能优化的建议(二)的相关资料,需要的朋友可以参考下...2016-07-29
  • 提升jQuery的性能需要做好七件事

    这篇文章主要介绍了提升jQuery的性能需要做好的七件事,希望真的帮助大家提升jQuery性能,需要的朋友可以参考下...2016-01-14
  • jQuery UI结合Ajax创建可定制的Web界面

    这篇文章主要为大家详细介绍了jQuery UI结合Ajax创建可定制的Web界面,如何利用Ajax和jQuery UI创建具有各种定制功能的高度可定制的UI,感兴趣的小伙伴们可以参考一下...2016-06-24
  • Tomcat首次部署web项目流程图解

    这篇文章主要介绍了Tomcat首次部署web项目流程图解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-12-11
  • Microsoft Expression Web 简体中文正式版 官方下载地址

    Microsoft Expression Web 简体中文正式版相对于早期的 Microsoft Expression Web Designer CTP1(英文)除了它是正式的中文版外,有进步的地方1.对标签的id名称加上了css的代...2020-06-25
  • web项目开发之JS函数防抖与节流示例代码

    这篇文章主要介绍了web项目开发之JS函数防抖与节流实现的示例代码及原理解析,有需要的朋友可以借鉴参考下,希望能够有所帮助...2021-09-24
  • 创建一个完整的ASP.NET Web API项目

    ASP.NET Web API具有与ASP.NET MVC类似的编程方式,ASP.NET Web API不仅仅具有一个完全独立的消息处理管道,而且这个管道比为ASP.NET MVC设计的管道更为复杂,功能也更为强大。下面创建一个简单的Web API项目,需要的朋友可以参考下...2021-09-22
  • php测试性能代码

    php测试性能代码 function microtime_float () { list ($usec, $sec) = explode(" ", microtime()); return ((float) $usec + (float) $sec); } functio...2016-11-25
  • Web制作验证码功能实例代码

    web开发中,经常会使用验证码功能,例如登录、注册,或其他关键功能之前经常会使用。下面通过实例代码给大家介绍Web制作验证码功能实例代码,感兴趣的朋友一起看看吧...2017-06-24
  • gateway与spring-boot-starter-web冲突问题的解决

    这篇文章主要介绍了gateway与spring-boot-starter-web冲突问题的解决,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教...2021-07-17
  • css中空路径对页面性能影响的解决方案

    文章介绍了css中空路径对页面性能影响的解决方案,这个可能很多美工朋友不会去注意这一点,下面我们来看看吧。 在写 CSS 的时候,用 background:url(#) 还是会对页面进...2017-07-06
  • 如何用Node.js编写内存效率高的应用程序

    这篇文章主要介绍了如何用Node.js编写内存效率高的应用程序,对Node.js感兴趣的同学,可以参考下...2021-05-01
  • C#生成sitemap站点地图的方法

    C#生成sitemap站点地图的方法,需要的朋友可以参考一下...2020-06-25