Quantcast
Channel: 网站性能 –紫菜包饭姐
Browsing all 10 articles
Browse latest View live

高性能网站建设(笔记3)

紧接着前天的高性能网站建设(笔记2)继续我们的话题。 好似我已经说到了使用外部javascript和css那块,现在开始说说组件重用吧。...

View Article



代码片段

哎呀呀,我要疯了,这是第二次了,刚才这篇文章完美的结束了,但是但是肿么就被我删除了,真的想去SHI啊,废话不说了,这些代码片段是经常用到的一些布局,整理出来便于后面开发用。当然如果你用了editplus的话,就更好了,editplus有个自动完成功能,把这些代码片段写到里面,开发效率大大的提高呀呀呀呀呀,\(^o^)/你可以看这里(http://www.w3cplus.com/blog/336.ht...

View Article

图片优化工具Smush.it

提到网站性能优化,肯定不能少的就是图片优化了,为了减少请求数,我们可以用图片精灵,为了图片能够更小,我们会用压缩软件,但是面对不一样格式的图片我们除了用图片工具外,还可以用FF自带的优化图片工具Smush.it。 先来介绍mush.it 是 YUI 团队制作的一款基于 YUI 的在线图片优化工具。 它是基于以下四条图片优化建议制作的服务: · 移除 JPG 中的 meta 数据。 · 优化 JPG...

View Article

9条一句话CSS解决方案

上周总结了自己在工作中遇到的BUG,还有些是没遇到的,但是收藏了别人的解决方案,大部分都是写的DEMO,找个时间在传上来吧,现在就一些简单的,一句话就可以解决的BUG在这里展出。不要嫌啰嗦,要知道简单的事情重复做慢慢的就成为砖家了。O(∩_∩)O~ 1.ie6下给浮动容器定义margin-left或者margin-right实际效果是数值的2倍,解决方案,给浮动容器定义display:inline;...

View Article

Web 前端优化最佳实践之 图象篇

本文转自闲思路 Web 前端优化最佳实践第六部分面向 图片(Image),这部分目前有 4 条规则。在最近的 Velocity 2008 技术大会上,Yahoo! 的 Stoyan Stefanov 做的 Image Optimization: How Many of These 7 Mistakes Are You Making 也非常有参考价值。结合一起说一下。 1. 优化图片...

View Article


WordPress可视化编辑器不显示/字体不显示(白色字体)

好长时间都是处在后台编辑器不显示文本的状态下零碎性的发布几篇文章,慢慢的也就觉得我着实懒,着实不懂得怎么去提高效率,怎么去经营好自己的博客或者把它视为一个产品。今天闲来无事还是整整吧,日后我就靠这博客记录我的每一天每件事每个人。下面是当你后台编辑器文本不显示的处理方法:...

View Article

性能优化(图片宽高)

早上再给官网做优化的时候,突然发现在测试工具中有一行显示是:The following image(s) are missing width and/or height attributes.意思就是下面的这些图片没有设置宽和高。...

View Article

浅谈模块化

关于模块化这块东西,我好像都已经有写过两次文章了,每次的总结都会与上次不同,也会产生更多的想法。...

View Article


用户体验的几点建议

1,首要的,尊重W3C标准,尊重每个浏览器,尊重每个用户。 2,不要忘记给radio和checkbox标签的说明文字加上label标签,你可以不必多辛苦,但是你的用户将不用玩“看你能不能点到我”的游戏; 3,翻转效果图片做在同一张图片上,然后用css定位位置。这样就不会出现当mouseover时图片未加载而出现什么都没有的情况。...

View Article


前端开发的常用五个工具

keyboard-typing-798×310 在过去的几年时间里,出现了许多全新的网页应用程序,不过,由于应用程序的功能越来越丰富,也导致了前端开发的复杂度大幅增加。...

View Article
Browsing all 10 articles
Browse latest View live




Latest Images