首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏Elton的技术分享博客

    使用Google PageSpeed加速Nginx

    Nginx刚刚发布了1.4.0,Google也刚刚更新了它最新的ngx_pagespeed。 Github地址:https://github.com/pagespeed/ngx_pagespeed 下载ngx_pagespeed git clone https://github.com/pagespeed on; pagespeed FileCachePath /var/ngx_pagespeed_cache; 在server中加入 location ~ "\.pagespeed\. "^/ngx_pagespeed_beacon$" { } location /ngx_pagespeed_statistics { allow 127.0.0.1; deny all; } location /ngx_pagespeed_message { allow 127.0.0.1; deny all; } 新建缓冲文件夹,并配置权限 sudo mkdir /var/ngx_pagespeed_cache

    1.3K30发布于 2021-01-26
  • 来自专栏开源部署

    Nginx PageSpeed模块配置和使用

    for github [root@ipython source]# wget https://github.com/pagespeed/ngx_pagespeed/archive/release-1.9.32.1 https://developers.google.com/speed/docs/mod_pagespeed/build_ngx_pagespeed_from_source 开始编译Ngx-pagespeed -1.9.32.1-beta/ ##将pagespeed 的优化库解压至当前目录## [root@ipython ngx_pagespeed-release-1.9.32.1-beta]# tar zxf on; pagespeed FileCachePath/software/var_temp/nginx/pagespeed/; ##重启nginx|reload也可以## [root@ipython # 启用ngx_pagespeed pagespeed on; pagespeed FileCachePath/software/var_temp/nginx/pagespeed/; # 禁用CoreFilters

    1.2K20编辑于 2022-07-03
  • 来自专栏运维技术迷

    Nginx部署ngx_pagespeed模块

    PageSpeed是Google推出的一项网页加速服务,分别有Apache PageSpeed和ngx_pagespeed两个模块,适用于Apache和Nginx服务器。 (空间大小、时限) pagespeed FileCachePath "/tmp/ngx_pagespeed/"; pagespeed FileCacheSizeKb 2048000 ; pagespeed FileCacheCleanIntervalMs 43200000; pagespeed FileCacheInodeLimit 500000; } } 参考资料 PageSpeed服务器优化神器-Nginx部署ngx_pagespeed模块和加速效果体验 ngx_pagespeed-nginx前端优化模块介绍 Nginx添加第三方 Pagespeed的使用说明

    1K31编辑于 2023-10-20
  • 来自专栏散尽浮华

    ngx_pagespeed-nginx前端优化模块介绍

    ngx_pagespeed是Nginx的一个扩展模块,借助pagespeed,为Nginx网站服务器提速。 ngx_pagespeed更新频率较高,建议及时更新到最新版本,而且最好先部署在本地环境中,经过一番测试稳定后再上线生产环境。 PageSpeed旨在缩短网页加载的时间,减少网站服务器的带宽使用量。 pagespeed on; pagespeed FileCachePath /var/ngx_pagespeed_cache; # 启用CoreFilters pagespeed RewriteLevel ; pagespeed EnableFilters move_css_to_head; pagespeed EnableFilters outline_javascript; pagespeed EnableFilters pagespeed EnableFilters recompress_images; pagespeed EnableFilters resize_images; pagespeed EnableFilters

    2.4K100发布于 2018-01-23
  • 来自专栏云计算教程系列

    提升你的PageSpeed评分吧!

    在本教程中,您将快速编辑nginx的配置文件,从而立即提升您网站的响应速度和PageSpeed指标。 第一步、获取初始PageSpeed分数 在我们进行更改之前,让我们查看现有的PageSpeed分数,这样我们就可以在教程完成后与性能基准进行比较。 为用户提供了更好的体验,也是PageSpeed数据判断因素之一。 sudo systemctl restart nginx 让我们看看这些变化如何影响我们的PageSpeed吧。 /pagespeed_nginx_1604/IQolNMR.png] 完成本教程后,您的成绩应该比以前高出至少10分。

    2K80发布于 2018-07-24
  • 来自专栏张戈的专栏

    借助PageSpeed,为Nginx网站服务器提速

    PageSpeed 旨在缩短网页加载的时间,减少网站服务器的带宽使用量。最近,已发布了 Nginx 版本的 PageSpeed 模块(ngx_pagespeed)。 借助 ngx_pagespeed,构建和安装 Nginx 安装用于构建 nginx 和 ngx_pagespeed 的必备要素。      pagespeed on;     # 在此放置一个或多个pagespeed过滤器。          pagespeed on;     pagespeed FileCachePath /var/ngx_pagespeed_cache;     # 启用CoreFilters     pagespeed      pagespeed on;     pagespeed FileCachePath /var/ngx_pagespeed_cache;     # 禁用CoreFilters     pagespeed

    2.2K70发布于 2018-03-26
  • 来自专栏wordpress建站吧

    为什么 Google PageSpeed 等级分值不重要?

    如果您试图获得完美的成绩,则通过实施Google PageSpeed提出的所有建议,您将很快失去理智。 您不能从字面上接受Google PageSpeed的所有建议,因为有时它们是不切实际或不可能的。 例如,它可能会告诉您缩小或添加过期标头到不在您的网站上托管的文件。这是不可能的。 因此,PageSpeed会对此抱怨。 在这些情况下,如果您决定禁用它以使PageSpeed满意,请确保在注销的窗口中仔细检查您的网站,以确保没有显示/功能问题。 使用PageSpeed的准则 不要仅仅依靠PageSpeed来评估 您网站的效果。用作其中之一几个指标。 请始终仔细阅读建议,并评估它们是否可行并且值得您花时间。

    83620编辑于 2022-02-25
  • 来自专栏张戈的专栏

    实测Nginx服务器开启pagespeed加速效果

    搜索一下发现是 2 年前的教程: 借助 PageSpeed,为 Nginx 网站服务器提速 这次正好周末有空,就果断重新编译了一下 Nginx,测试了一把 pagespeed。 https://codeload.github.com/pagespeed/ngx_pagespeed/tar.gz/release-1.9.32.6-beta #解压 tar zxvf ngx_pagespeed-release pagespeed on; pagespeed FileCachePath /tmp/cache/ngx_pagespeed_cache; # 禁用CoreFilters ; # 改善资源的可缓存性 pagespeed EnableFilters extend_cache; # 更换被导入文件的@import,精简CSS文件 pagespeed 当然也推荐喜欢折腾的朋友尝试一下开启 Nginx 服务器 pagespeed 加速!如果是 Apache 服务器,可以集成 mod_pagespeed,感兴趣的自己去找资料折腾吧!

    3.5K90发布于 2018-03-21
  • 来自专栏云计算教程系列

    如何在CentOS 7上将ngx_pagespeed添加到Nginx

    介绍 ngx_pagespeed,或者pagespeed,是一个Nginx模块,旨在通过精简资源的规模来缩短客户端浏览器加载它所需的时间,从而自动优化您的网站。如果您还不熟悉它,请查看其官方网站。 Github存储库下载最新的ngx_pagespeed源存档: sudo wget https://github.com/pagespeed/ngx_pagespeed/archive/master.zip 为方便起见,只需使用以下命令将此目录重命名为ngx_pagespeed: sudo mv ngx_pagespeed-master ngx_pagespeed 进入新的ngx_pagespeed目录: pagespeed FileCachePath /var/ngx_pagespeed_cache; ​ # Ensure requests for pagespeed optimized resources main settings ​ pagespeed on; pagespeed FileCachePath /var/ngx_pagespeed_cache; ​

    1.6K00发布于 2018-09-21
  • 来自专栏云计算教程系列

    如何在Ubuntu 14.04上将ngx_pagespeed添加到Nginx

    Github存储库下载最新的ngx_pagespeed源存档: sudo wget https://github.com/pagespeed/ngx_pagespeed/archive/master.zip 为方便起见,使用以下命令将此目录重命名为ngx_pagespeed: sudo mv ngx_pagespeed-master ngx_pagespeed 进入新ngx_pagespeed目录: cd Settings ## ​ pagespeed on; pagespeed FileCachePath /var/ngx_pagespeed_cache pagespeed\. "^/ngx_pagespeed_beacon" { } 上面的pagespeed配置行确保pagespeed将优化每个站点的资源。

    1.3K30发布于 2018-09-20
  • 来自专栏DeveWork

    Google官方网页载入速度检测工具PageSpeed Insights 使用教程

    相信有接触前端开发的大神们都听说过Google官方的PageSpeed Tools,这个网页载入速度检测工具有在线版本也有一个 Chrome 扩展,叫PageSpeed Insights,在此之前,Jeff 不过在Jeff 使用过 PageSpeed Insights 后,感觉更加容易上手——因为人家PageSpeed Insights 有中文!下面就介绍一下PageSpeed Insights。 Google官方的PageSpeed Tools的两个版本 在线版:https://developers.google.com/speed/pagespeed/ Chrome扩展PageSpeed Insights :点击安装 Firefox插件PageSpeed Insights:点击下载 本文主要介绍的是Chrome 扩展。 PageSpeed Insights PageSpeed Insights 的Chrome扩展是由谷歌官方开发的一款可以分析页面载入的各个方面,包括资源、网络、DOM以及时间线等等信息的插件,安装以后会附加到

    11.1K80发布于 2018-01-19
  • 来自专栏云计算教程系列

    如何在Debian 8上将ngx_pagespeed添加到Nginx中

    存储库下载最新的ngx_pagespeed源文档: sudo wget https://github.com/pagespeed/ngx_pagespeed/archive/master.zip 下载完成后 为方便起见,只需使用以下命令将此目录重命名为ngx_pagespeed: sudo mv ngx_pagespeed-master ngx_pagespeed 进入新ngx_pagespeed目录: cd -5-pagespeed_amd64.deb 第四步 - 启用Pagespeed模块 你现在安装了Nginx。 pagespeed\. "^/ngx_pagespeed_beacon" { } 上面的pagespeed配置行确保pagespeed将优化每个站点的资源。

    1.2K20发布于 2018-09-19
  • 来自专栏李洋博客

    宝塔面板Nginx环境部署Pagespeed模块来提升web性能图文详解

    配置文件 这里说明下,跟brotli不一样,pagespeed的配置需要去网站站点里设置,,找到网站,想要使用pagespeed功能的网站,设置,配置文件,复制如下代码: # 基本设置 pagespeed on; pagespeed FileCachePath /var/ngx_pagespeed_cache; # 启用必要的优化过滤器 pagespeed EnableFilters collapse_whitespace pagespeed EnableFilters combine_javascript; pagespeed EnableFilters elide_attributes; pagespeed 5120; pagespeed EnableFilters lazyload_images; pagespeed EnableFilters rewrite_javascript; pagespeed pagespeed EnableFilters rewrite_images; pagespeed EnableFilters recompress_images; pagespeed EnableFilters

    6.3K11编辑于 2024-09-18
  • 来自专栏携程技术

    干货 | 提升50分,Trip.com 机票基于 PageSpeed 的前端性能优化实践

    近期我们对 Trip.com 机票站点做了一版性能优化,通过对主要 landing 页面进行系统优化,将页面的 PageSpeed 评分从原本 30 左右提升到 80 分以上。 Service Worker 带来的优化效果不能从 PageSpeed Insights 网站上的分数直接体现,因为 PageSpeed 总是单次分数并且不使用缓存。

    1K30编辑于 2022-03-04
  • 来自专栏李洋博客

    谷歌PageSpeed提示利用font-display控制网页字体可见性的加载和替换

    新主题搭建完成了,可能时间上可以充裕一些,在整理模板优化性能的时候,看到谷歌 PageSpeed Insights 的诊断结果经常会有一项目:确保文本在网页字体加载期间保持可见状态,解释就是说利用 font-display 浏览器支持 从网站上可以查到,这个属性在各个浏览器中的支持程度为(最低版本): 现在我们知道了关于谷歌PageSpeed Insights性能检测工具应该怎么优化了,当然有问题的还不这一点,后期遇到感兴趣的在记录吧

    1.8K30编辑于 2023-03-03
  • 来自专栏云计算教程系列

    你的nginx访问过慢?增加个模块吧!

    : wget https://github.com/pagespeed/ngx_pagespeed/archive/v1.7.30.1-beta.zip unzip v1.7.30.1-beta.zip 最后,检查ngx_pagespeed模块是否已成功安装nginx包: sudo nginx -V 如果安装成功,您应该在其他模块中看到ngx_pagespeed模块: root@debian-lab2: /nginx.conf 并在 http 块中添加以下行并保存更改: ## #ngx_pagespeed module settings ## pagespeed on; pagespeed FileCachePath pagespeed\. "^/ngx_pagespeed_beacon" { } location /ngx_pagespeed_statistics { allow 127.0.0.1; deny all; } location

    3.9K30发布于 2018-07-12
  • 来自专栏gaoqin31

    centos6.5编译安装LNMP架构web环境

    wget https://github.com/pagespeed/ngx_pagespeed/archive/v1.8.31.2-beta.zip unzip v1.8.31.2-beta.zip cd 模块 pagespeed on; pagespeed FileCachePath /var/ngx_pagespeed_cache; location ~ ".pagespeed. /ngx_pagespeed_global_statistics { allow 127.0.0.1; deny all; } location /ngx_pagespeed_message { allow on; pagespeed FileCachePath /var/ngx_pagespeed_cache; location ~ "\ .pagespeed\.

    2K40发布于 2018-09-12
  • 来自专栏开源部署

    Nginx负载均衡优化插件编译及配置

    官方网站:https://github.com/yaoweibin/nginx-sticky-module # unzip nginx-sticky-module-master.zip 3) ngx_pagespeed 官方网站:https://github.com/pagespeed/ngx_pagespeed https://dl.google.com/dl/page-speed/psol/1.8.31.4.tar.gz # unzip ngx_pagespeed-master.zip # cp 1.8.31.4.tar.gz . /ngx_pagespeed-master # cd ngx_pagespeed-master # tar -xzvf 1.8.31.4.tar.gz 二、 Nginx安装 1、 安装Nginx(1.6.0 home/TSP/nginx/plugin/nginx-sticky-module-master \           --add-module=/home/TSP/nginx/plugin/ngx_pagespeed-master

    1K10编辑于 2022-07-03
  • 来自专栏性能与架构

    网页性能优化工具

    PageSpeed 和 YSlow 是目前主流的网页性能测试工具 GT Metrix 结合了 Google PageSpeed 和 YSlow,帮助开发者创建快速、高效、全面优化的网页浏览体验 地址 在首页输入要测试网页地址,然后等待测试结果,测试过程大概1分50秒左右 测试结果中会给出 PageSpeed 和 YSlow 的测试结果和建议 ? ?

    1.4K40发布于 2018-04-02
  • 来自专栏被删的前端游乐场

    前端性能优化--数据指标体系

    一套成熟又完善的解决方案为 Google 的 PageSpeed Insights (PSI) 。 PageSpeed Insights (PSI) PageSpeed Insights (PSI) 是一项免费的 Google 服务,可报告网页在移动设备和桌面设备上的用户体验,并提供关于如何改进网页的建议 PageSpeed Insights 和 Lighthouse 的区别主要为: 特征 PageSpeed Insights Lighthouse 如何访问 https://pagespeed.web.dev 但在此之前,如果你的前端网页没有做数据上报监控,也可以使用 PageSpeed Insights 工具进行简单的测试。 虽然实际上 PageSpeed Insights 服务并不能解决我们所有的问题,但是我们可以参考它的性能指标,来搭建自己的性能体系呀。

    98810编辑于 2024-05-15
领券