网页打开太慢?快试试这6招
据安伯丁集团的一份研究结果显示,页面加载时间如果延迟了1秒,那么页面浏览量就会减少11%,客户满意度会下降16%,转化率下降7%。亚马逊的研究结果也证明了这一点,他们的报告结果显示,只要网站的速度每提高100毫秒,就会增加1%的收益。还可以引用很多其它的例子,但所有的例子都很清晰的揭示了同一个很简单的道理,那就是网页加载时间是金钱。这就是为什么企业和个人都需要竭尽所能来减少网页加载时间。记住,时间就是金钱——从字面上来说,时间往往就取决于那几微秒。这里有6种技巧来可以帮助你大大减少网页加载时间,随之而来的转化率也会相应增加。1.优化图片统计数据显示,如果网站在3秒钟之内还没有加载成功,那么大多数用户都会选择关闭。由于图片在Web页面的可下载字节空间中占大多数,所以如果能够成功的对图片进行优化,那么Web页面的下载时间也会大大的减少。确保图片正确优化的最佳方法之一是采用正确的大小和格式(JPEG、GIF或PNG)。目标是在不牺牲质量的情况下尽可能减少文件的大小,现在Web上有许多工具可以帮助解决这个问题。2.试试内容分发网络(CDN)内容分发网络的价值在于它可以获取网站的静态文件,如 ...
网站虚拟主机知识6问
一、什么是虚拟主机?虚拟主机(Virtual Host Virtual Server)又称网站空间或网络空间网页空间是使用特殊的软硬件技术,把一台计算机主机分成一台台“虚拟”的主机,每一台虚拟主机都具有独立的域名和IP地址(或共享的IP地址),具有完整的Internet服务器功能。在同一台硬件、同一个操作系统上,运行着为多个用户打开的不同的服务器程序,互不干扰;而各个用户拥有自己的一部分系统资源(IP地址、文件存储空间、内存、CPU时间等)。虚拟主机之间完全独立, 在外界看来, 每一台虚拟主机和一台独立的主机的表现完全一样。 随着业界的发展,虚拟主机从最开始的雏形模式慢慢的走向了高端模式。在虚拟主机上,越来越多的功能被挖掘,他将是网络的主流。二、什么是绑定域名?绑定域名也就是“主机名头”,简单的说,如果我们希望一个域名访问虚拟主机,那么我们需要做的事情是:第一步:将域名的IP解析到虚拟主机所在服务器的IP。第二步,将虚拟主机绑定该域名。做完以上两步,即可用域名访问空间了。 什么是国际域名和国内域名互联网上的域名可谓千姿百态,但从域名的结构来划分,总体上可把域名分 ...
IIS服务器网站防盗链解决方案
我们知道,如果网站内容被盗链,那么流量和带宽都将有额外损耗,盗链严重时对网站运行会有明显的拖累影响。盗链最常见的情形就是图片地址被第三方网站直接引用,而拒绝本站文件被别人直接引用则可以从服务器层面寻求解决方案,今天我们就来讲讲在iis环境服务器上操作防盗链的方法。盗链是指服务提供商自己不提供服务的内容,通过技术手段绕过其它有利益的最终用户界面(如广告),直接在自己的网站上向最终用户提供其它服务提供商的服务内容,骗取最终用户的浏览和点击率。受益者不提供资源或提供很少的资源,而真正的服务提供商却得不到任何的收益。 为什么会产生盗链? 一般浏览有一个重要的现象就是一个完整的页面并不是一次全部传送到客户端的。如果请求的是一个带有许多图片和其它信息的页面,那么最先的一个Http请求被传送回来的是这个页面的文本,然后通过客户端的浏览器对这段文本的解释执行,发现其中还有图片,那么客户端的浏览器会再发送一条Http请求,当这个请求被处理后那么这个图片文件会被传送到客户端,然后浏览器回将图片安放到页面的正确位置,就这样一个完整的页面也许要经过发送多条Http请求才能够被完整的显示。基于这样的机制 ...
自适应网页设计制作技巧
自适应网页设计(Adaptive Web Design)是指能使网页自适应显示在不同大小终端设备上新网页设计方式及技术。随着4G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通常在640像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1920×1080),有的还达到了2000像素以上。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事。很多网站的解决方法,是为不同的设备提供不同的网页,比如专门提供一个mobile版本,或者iPhone / iPad版本。这样做固然保证了效果,但是比较麻烦,同时要维护好几个版本,而且如果一个网站有多个portal(入口),会大大增加架构设计的复杂度。于是,很早就有人设想,能不能"一次设计,普遍适用",让同一张网页自动适应不同大小的屏幕,根据屏幕宽度,自动调整布局(layout)。网上关于这方面的文章有很多,重复的东西本文不再赘述,仅提供思路,并解释一些其 ...
怎样给自己网站加上favicon.ico图标?
我们先来认识下favicon,它是英文Favorites Icon的缩写,顾名思义,其本意是让浏览器的收藏夹中除显示相应的文字标题外,还能以图标的方式区别不同的网站。一般业界中文俗称站标,现在多数浏览器都已支持直接在窗口标签上或地址栏中显示站标。一个好的网站想在推广方面取得成功,不仅需要良好的页面设计、令人印象深刻的网站Logo,也应该有独树一帜的favicon站标。今天我们就针对新手站长来探讨一下,如何为自己网站添加favicon.ico站标?
实际上favicon.ico就是一个特殊格式的图片,按照既定规则准备好这样的图片放到网站,浏览器就能识别并显示出来,网站站标favicon.ico的尺寸通常是64X64、48X48、32X32像素这几种规格。既然是图片,那么我们首先就需要用制图软件设计出来,要求高的话还可以请专业设计人员制作,有的制图软件可以直接保存为.ico格式,如果不能也可以通过在线转换工具将jpg、png等格式转为ico格式。
现在我们来说一下规则,一般情况下浏览器只能识别名为favicon.ico的图标文件作为站标,且必须是真实的.ico格式(扩展名),只改扩展名可 ...
网页开头空白出现&#65279隐藏字符解决方法
网页开头莫名其妙出现一行空白,不管你怎么折腾CSS用margin、padding、border等属性值为0来定义,都不能消除,在头部有背景色的网页中尤其明显也更容易被发现。出现这种情况时,通过FireFox和Chrome浏览器开发工具审查元素查看源代码,我们可以发现body标签之后有字样,空白正是由它产生,这串字符在实际网页内容中无法被查找到。那么这种情况是什么原因导致的,又该怎么处理呢?今天益吾库就来分享一些心得和经验。
的产生是由于文件保存的时候,被自动加入了BOM字符,一般是使用WINDOWS自带记事本工具编辑保存UTF-8网页文件导致。使用相对专业的网页代码编辑软件则不会出现这种情况,相信许多资深网页前端都曾给过初学者一些忠告,比如不要使用记事本修改UTF-8编码网页,包括禁止在某些FTP软件中直接编辑,而是使用Dreamweaver、Sublime Text、Notepad++等相对专业的工具软件。
BOM(Byte Order Mark)是指字节顺序标记,出现在文本文件头部,Unicode编码标准中用于标识文件是采用哪种格式的 ...
常见Meta标签大全和用途介绍
网页Meta标签是HTML网页源代码中一个重要的html标签,通常位于HTML文档头部的head标记和title标记之间,它提供用户不可见的信息。Meta标签可用于浏览器识别(如何显示内容或重新加载页面),搜索引擎声明,或其他web服务,如作者、日期和时间、网页描述、关键词、页面刷新等。随着移动互联网的兴起,移动端web开发用到的meta标签也越来越多,今天益吾库就稍作整理供大家需要时查阅。1、申明文档使用的字符编码<meta charset='utf-8'> 或<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 该 meta 标签定义了 HTML 页面所使用的字符集为 utf-8 ,就是万国码。它可以在同一页面显示中文简体、繁体及其它语言(如日文,韩文)等。当然,你也可以使用gb2312(简体中文),big5(繁体中文)等等其他字符集。而目前我们一般推荐使 ...
有哪些常见网站程序可直接拿来用?
大家都知道如果要自己全新开发程序来搭建一个网站,成本是相当大的,并非所有个人和小微企业都能承受。好在现在网上有很多开源免费的建站程序,直接下载安装就能使用。这些开源程序既降低了建站门槛,又直接省去了一大截网站建设成本。为方便初学建站者初步了解,今天益吾库就来简要介绍下最流行的一些网站建站程序。1、WordPress[下载]WordPress免费开源程序,WordPress 可以搭建功能强大的网络信息发布平台,但更多的是应用于个性化的博客。WordPress除了做个人博客外,可以做企业站、门户站、商场、批发网站等,扩展性特别强大。2、DeDecms 文章管理系统[下载]织梦CMS是免费开源内容管理系统,DedeCMS适合应用的领域非常广泛,如企业网站、政府机关、教育机构、媒体机构、行业网站等,像大家比较熟悉的站长之家,A5站长网都有是有织梦DeDecms。3、Discuz 论坛社区程序[下载]Discuz 论坛免费开源,占有市场比例相当高,同时也是腾讯旗下的公司,通过QQ等多平台分享流量也是非常强大。4、PHPWind 论坛社区程序[下载]PHPWind 通用型论坛程序,同样也是免费 ...
手机网站和App应用的区别是什么?
如今手机端网页应用越来越广泛,而手机端网站则包括手机网站和APP应用。尽管手机网站和APP的利用价值都很高,但是对于很多小微型企业来说,同时拥有这两种难免会遇到成本或管理上的问题,因此益吾库建议企业根据两者之间的区别分析来进行抉择。今天益吾库就来简单讲一下手机网站和APP的区别:区别一:打开方式不同手机网站和APP之间最本质的区别就是,前者通过浏览器访问,需要输入网址,或者通过搜索引擎查找点击进入;后者是通过下载客户端APP实现访问,满足用户直接打开、了解和购买,操作步骤相对简单点。不过,用户仍然需要通过应用商店之类的渠道获取APP,而且不同手机的应用商店还不一样,因此企业要尽量拓宽APP的下载渠道,并保持更新,相对麻烦。而对于手机网站来说,只要有网就能找到并访问。然后,从用户沟通交流这一点来看,APP的功能更加齐全强大,甚至还有一些小游戏,满足企业和用户进行良好的沟通与互动。区别二:打开速度差异手机网站打开必须要求有网络,而且有一个网站的加载时间,如果网速慢的话,加载时间还会有点长,不过如今都是Wifi和4G当道,浏览一般手机网站还是没什么压力的;APP是安装在用户手机上的应用程 ...
怎样查看一个网站是用什么开源程序做的?
之前我们介绍过判断一个网站是由哪种语言开发的方法,那么当需要知道一个网站是用的什么开源程序搭建时,我们该怎么查看和识别呢?在这之前,我们首先应该确保自己了解有哪些常见网站程序可直接拿来用?,有了一定知识储备才能谈得上识别。每一种开源程序只要没有被深度二次开发,它的固有特征就总能被找出来,今天益吾库所讲的识别方法正是基于这些固有特征,希望能帮到大家。一、WordPress博客系统网站特征:1、查看网页源代码,搜索看是否有wp-content、wp-includes字样;2、访问/robots.txt查看robots协议中有没有屏蔽plugins、support、extend等目录相关文件;3、在网站网址后面输入/wp-admin/看是否进入网站的登录页面;二、DeDe织梦CMS系统网站特征:1、在网站首页和分类栏目页网址后面输入index.html,看是否能访问,输入index.php看是否会跳转到index.html或index.php?upcache=1;2、查看网页源代码,搜索看是否有dedeajax、uploads\allimg字样(或类似);3、访问/robots.txt查 ...