热门标签
快速施工指南网站
当你开始在网页上设计时,网站的速度似乎是别人的问题。至少,当我还是个菜鸟的时候,看起来是这样的。毕竟,我在空白画布上开始了每一个设计个软件。没有计划,没有线框。我通常甚至不计划我将有多少页,或将为他们。我只是“making网站”主要是为了娱乐,因为这是我决定如何度过青少年时期的方式。我想,一旦我想到如何建立**名网站,我就能想出如何优化速度。
你得好好想想。许多人仍然有相当慢的互联网接入3G不是很大,和移动用户有那些恼人的数据上限。此外,那里还有数百万移动台可能配备低端处理器的设备。
虽然我能提供一些技能和技巧,
在这篇文章中,**重要的是你可以采取的心态。速度意味着转换,销售,和人们回到您的网站更多的内容。慢网站意味着人们去测试他们的耐心和耐心。和网站可以感觉缓慢,即使他们加载快。这是互联网。你有竞争对手。如果你想让网站的速度影响你的基线,下面的图表可以做出更直观的解释。
从上面开始你应该开始你的速度优化,你应该开始这个过程的每一部分设计:与内容。除非所有的访问者都是web设计用户,否则他们很可能不太关心你的网站设计,只要他们能获得内容。
如果内容本身减慢了您的网站速度,则将在不优化网站设计的情况下解决该问题。内容可能会以一对夫妇的方式放慢速度:大量的图像变得明显,而大的图像往往卖得更好。太棒了。但要小心使用这些海量图像,以确保它们被适当压缩,或者更好地使用SVG。如果你看一下这些数据,你会发现平均页面大小为移动的设备,通常速度较慢,覆盖率数据计划也很快接近1MB,一半的图像问题。
当设计本身很慢时,当然,情况恰恰相反。许多网站带有浅色、简单的内容,如文本和一些小图像称为低计划设计,而错误代码称为。这在一定程度上是因为人们觉得有必要尽可能多地制作它们网站。我能理解这种冲动,但这一天的到来,主要是因为一个原因。用HTML5、CSS3和JavaScript替换flash不应该是您的目标。你的用户不需要在屏幕上反弹。他们需要你提供的信息,或者你正在销售的产品。这些奇怪的事情往往会使事情变慢。你的网站不需要视差效果,一堆动画,或闪亮的小工具。
现在,我不是说你应该简单地把它看作是一个白色背景上的黑色文本,没有布局。我是说,每一种类型加上用户体验都需要权衡。当您将动画和华丽内容添加到网站时,如果需要,则需要一到两个动画内容,或者需要更高级的东西。如果你不做一个真正的应用程序,你很有可能不需要jQuery这样的东西。这尤其适用于中小型网站。
它不仅仅是字节大小。我在网上看到过动画,这是我整个游戏机,不酷。现在想象一下有人试图浏览网站上的低端智能手机或平板电脑。想象一下挫折。如果只需要一个或两个元素,那么设计就有spice,这是JavaScript插件的整个库,不需要jQuery或其他框架。代码太多,这使我受制于HTML和CSS框架。这个机会是,你不需要一个巨大的框架,比如一个指南或基础,来制作一个简单的网站。它可能会缩短前端开发时间,但可能不值得额外的负载时间。
如果您想使用框架,至少要自定义它,然后取出您不需要的。大多数大型HTML/CSS框架提供了一种简单的方法来实现这一点。关于这些图像。。不,不大。我们谈过了。现在让我们来看看细节。您的网站还使用光栅背景颜色、渐变、阴影、图标,以及那种类型的东西 不应该。如果您可以使用HTML,CSS、SVG,那么它应该。这可能是更多的代码,但代码通常仍然是轻JPEG文件,甚至许多PNG文件。所以我的网站现在很快,对吧 嗯,有很多东西要学,特别是如果你使用WordpressCMS之类的东西,或者任何复杂的主机设置。此建议只允许您开始构建**个网站
牧羊人设计
国外时尚网站设计欣赏东海岸和西海岸设计部