webp

web前端性能优化

99封情书 提交于 2021-02-15 20:25:08
1、资源(js、css)合并与压缩,减少http请求 1)在线工具压缩 2)构建工具压缩 2、图片优化 1)png8、png24、png32之间的区别 2)图片格式 jpg 图片有损压缩,不支持透明,适用于不需要透明图片的场景 webp 只适用于安卓,ios上有兼容性问题 svg 矢量图,比png小,适用于需要简单的矢量图的场景 png 支持透明,适用于需要大量透明图片的场景 3)雪碧图,将小图标和背景图像合并到一张图片上,然后利用css的背景定位来显示需要显示的图片部分 www.spritecow.com 优点: 将多张图片合并到一张图片中,可以减小图片的总大小 将多张图片合并到一张图片后,只需一次网络请求就可以将所需的资源全部下载,减小建立连接的消耗,在移动端尤为明显 显示雪碧图的条件: 需要一个设置好宽和高的容器 需要设置background-position的值(默认为(0,0),也就是图片的左上角),即移动图片到自己想要的图标位置。 4)Image inline (一般8kb以下的图片用,根据业务场景权衡) <img alt="Embedded Image" src="data:image/png;base64,/9j/4AAQSkZ..." /> 优点: 减少http请求次数    缺点: 会使总体资源变大 浏览器不会缓存内联图片资源 兼容性较差,只支持ie8以上浏览器

OpenStack黄金十年:说说我与OpenStack的故事

橙三吉。 提交于 2021-02-15 02:31:59
导读:从2010年到2020年,OpenStack项目整整走过了十个春夏秋冬。不管是OpenStack基金会,还是积极参与OpenStack社区的厂商、企业乃至开发者,想必都有肺腑之言想对OpenStack倾诉。 翻开记忆中OpenStack项目十年的故事,会不会别有一番滋味在心头? 故事1: 改变从OpenStack开源云开始 OpenStack之所以能有今天的行业影响力,与OpenStack基金会的成功运作是密不可分的。OpenStack项目十周年故事的第一个讲述人便是OpenStack基金会首席运营官Mark Collier(柯理怀)。 2010年,OpenStack项目启动时仅有少数几个组织的支持。十年后的今天,OpenStack拥有:来自187个国家的600多个组织,以及105000位社区成员的支持;OpenStack与 Linux kernel、Chromium(Chrome浏览器和Chrome OS的上游项目)已成为全球最活跃的三大开源项目;数千名开发者在上游贡献了代码,按时发布了20个OpenStack版本;全球组织及机构的OpenStack部署总规模已达到1000万个计算核心,涉及零售、金融服务、电信、研究机构、政务等多个行业和领域;OpenStack已是开源私有云领域的事实标准,同时全球还有几十个公有云平台基于OpenStack部署;社区已启动四个新的开源项目

Enabling WebP Support in GD Library on Ubuntu 18.04 running on LiteSpeed

烂漫一生 提交于 2021-02-11 15:46:41
问题 We have GD Library installed on DigitalOcean's Litespeed server, however, it does not support WebP. I'd like to enable WebP support. 回答1: This is on LiteSpeed' Engineer's to-do list but there is no ETA. I know it doesn't sound like an answer, but you can either just wait for it or build it yourself. 来源: https://stackoverflow.com/questions/61574434/enabling-webp-support-in-gd-library-on-ubuntu-18-04-running-on-litespeed

Enabling WebP Support in GD Library on Ubuntu 18.04 running on LiteSpeed

♀尐吖头ヾ 提交于 2021-02-11 15:46:32
问题 We have GD Library installed on DigitalOcean's Litespeed server, however, it does not support WebP. I'd like to enable WebP support. 回答1: This is on LiteSpeed' Engineer's to-do list but there is no ETA. I know it doesn't sound like an answer, but you can either just wait for it or build it yourself. 来源: https://stackoverflow.com/questions/61574434/enabling-webp-support-in-gd-library-on-ubuntu-18-04-running-on-litespeed

Adding Webp support to Revolution Slider

半腔热情 提交于 2021-02-10 14:52:28
问题 I want Revolution Slider to use webp images if there is any available but it has no support for webp. How can i make this work ? 回答1: Open /wp-content/plugins/revslider/includes/output.class.php in a text editor. Search for if($img_size !== 'full' && $cur_img_id !== false && !empty($cur_img_id)){ $_urlImage = wp_get_attachment_image_src($cur_img_id, $img_size); $urlImage = ($_urlImage !== false) ? $_urlImage[0] : $urlImage; } inside the function get_html_layer() . Add if ( !empty($urlImage) &

Adding Webp support to Revolution Slider

不想你离开。 提交于 2021-02-10 14:51:46
问题 I want Revolution Slider to use webp images if there is any available but it has no support for webp. How can i make this work ? 回答1: Open /wp-content/plugins/revslider/includes/output.class.php in a text editor. Search for if($img_size !== 'full' && $cur_img_id !== false && !empty($cur_img_id)){ $_urlImage = wp_get_attachment_image_src($cur_img_id, $img_size); $urlImage = ($_urlImage !== false) ? $_urlImage[0] : $urlImage; } inside the function get_html_layer() . Add if ( !empty($urlImage) &

为何根域名服务器只有13个

杀马特。学长 韩版系。学妹 提交于 2021-02-10 11:35:27
为何根域名服务器只有13个? 原文:来自 车小胖谈网络 的 为何根域名服务器只有13个? 以上官方文献清清楚楚表明,最初的DNS域名查询默认使用UDP协议,而使用UDP传输的DNS 查询响应(Query Response )报文,不希望任何形式的分片。换句话说,要求使用唯一的UDP报文传输DNS响应。 上文提到的任何形式的分片,包括DNS应用层的分片、以及IP层的分片。前者的分片只会造成DNS报文 消息作废(Corrupted) , IP的分片同样无法接受,因为那个时候很多原始的主机不具备IP分片的 重组( Reassemble )。 再来回顾一下当时的互联网环境: 绝大多数的网络接口类型支持IP报文≤576 字节无需分片自由通行,考虑到以上诸因素,IETF决定将DNS报文体限制在512字节。每一个根域名服务器占用32字节,其中包括根域名的 名称 、 IP 地址、 TTL ( Time To Live )等参数。 13根域名服务器一共占用416字节,剩余的96字节用于包装DNS报文头以及其它协议参数。所以从空间上来说,没有多余的空间容纳第14个根域名服务器的32字节。 13 个根域名服务器列表 容易被大众误解的是,这13个根域名服务器并不等于13台物理服务器,而是代表着13个全球IP地址,由12个机构来管理,其中美国最大电信运营商Verizon管理两个根域名全球IP地址。

dyld: Library not loaded: /usr/local/lib/libwep

不问归期 提交于 2021-02-07 10:01:33
问题 I upgraded to OSX Mojave a while back and ever since, have not been able to get past this problem. I'm trying to install ibm_db2 node module which needs to build on my system. The full output: ❯ npm i ibm_db > ibm_db@2.5.0 install /Users/<username>/temp/ibm_db_try/node_modules/ibm_db > node installer/driverInstall.js Downloading DB2 ODBC CLI Driver from https://public.dhe.ibm.com/ibmdl/export/pub/software/data/db2/drivers/odbc_cli/macos64_odbc_cli.tar.gz... 100.00% | 20080158 bytes downloaded

Convert jpg to webp using imagewebp

一曲冷凌霜 提交于 2021-02-07 08:00:44
问题 I'm having trouble using imagewebp to convert an image to webp. I use this code: $filename = dirname(__FILE__) .'/example.jpg'; $im = imagecreatefromjpeg($filename); $webp =imagewebp($im, str_replace('jpg', 'webp', $filename)); imagedestroy($im); var_dump($webp); $webp returns true but when I try to view the webp-image in Chrome it just shows blank, but with the correct size. If I instead load the image and set headers with PHP (see below) it shows up, but with wrong colors (too much yellow).

Convert jpg to webp using imagewebp

喜夏-厌秋 提交于 2021-02-07 07:59:48
问题 I'm having trouble using imagewebp to convert an image to webp. I use this code: $filename = dirname(__FILE__) .'/example.jpg'; $im = imagecreatefromjpeg($filename); $webp =imagewebp($im, str_replace('jpg', 'webp', $filename)); imagedestroy($im); var_dump($webp); $webp returns true but when I try to view the webp-image in Chrome it just shows blank, but with the correct size. If I instead load the image and set headers with PHP (see below) it shows up, but with wrong colors (too much yellow).