为什么 Google PageSpeed Insight 会将按钮(带有悬停效果)作为动画?

阿兰克

我在我的页面https://www.datanumen.com上运行 Google PageSpeed Insight

它报告了以下问题:

在此处输入图片说明

我查看我的页面,发现这些根本不是动画,相反,它们只是按钮。当鼠标悬停在它们上时,它们会改变颜色。为什么它们被视为非合成动画以及如何解决这些问题?

帕特

根据https://developers.google.com/web/fundamentals/performance/rendering/stick-to-compositor-only-properties-and-manage-layer-count,您必须删除按钮的过渡效果。

a.btn, a.button, .inner-page-contact form button, .testimonial-form-holder button, input[type="button"], input[type="reset"], input[type="submit"] {

    /* -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; */

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

为什么Google PageSpeed抱怨Retina图片?

Google Pagespeed Insight测试在快速网站上失败,并显示NO_FCP错误,有没有办法解决?

可以使用 Angular 从 URL 数组中列出 Google Pagespeed Insight 结果吗?

此PageSpeed Insight报告中的“来源摘要”是什么意思?

为什么我的 Google PageSpeed Insights 得分降低了这么多?

带有多个CSS文件的Google PageSpeed Insights

Google PageSpeed冲突建议

为什么 PageSpeed Insights 会“重定向”?

为什么pagespeed模块添加eval()?

Google PageSpeed不更新缓存

Google Pagespeed Insights 可靠吗

Google Pagespeed建议将<script>作为<html>的直接子元素-有效的HTML?

使用Google字体传递Google PageSpeed

如何在Wordpress Pagespeed Insight中解决利用浏览器缓存的问题

Google PageSpeed-渲染阻止内容

导出PageSpeed Insights(通过Google)结果

Google PageSpeed Apache错误日志CentOS

Pagespeed脚本添加功能是什么?

为什么 img 和按钮之间有空间,为什么悬停动画不起作用?

Google为什么选择Java作为Android操作系统?

为什么单选按钮响应不响应我的Google Spreadsheet?

为什么该按钮在 Google 助理中不起作用?

Google PageSpeed Insights API屏幕快照到文件

Google Pagespeed“第三方使用”问题

Google Pagespeed和image_rewrite用于直接请求

如何测试Google PageSpeed模块是否正常工作?

如何使用Nginx卸载在Ubuntu中安装的Google Pagespeed?

如何使用 Google PageSpeed API 计算网页的总大小?

为什么悬停效果重叠?