速度优化:如何加速您的WordPress联系表格CF7

/, 速度优化/速度优化:如何加速您的WordPress联系表格CF7

速度优化WP联系表格CF7

速度优化您的WordPress联系表格7

如果您运行WordPress网站,您可能会使用最受欢迎的免费联系表单插件WordPress。 例如:联系表格7

目前,这是一个非常好的插件,做得很完善。 然而,Contact Form 7的默认设置是在即使没有联系表单的情况下每个页面上会加载CSS和JavaScript文件。 这个动作并不是必需的,而且会导致网站页面加载速度变慢,其原因在于如果这样做的话2X extra HTTP requests需要数据需要使用数据本身的大小。

众所周知页面速度对于SEO至关重要,因此你会对网站进行尽可能的瘦身:

页面速度的优化,小到每个字节都很重要。如果要在Google’sPageSpeed Insights上获得超过90/100的页面速度分数,页面速度优化就更为重要了。

那么如何才能在实际拥有联系表单的页面上包含所需的CSS和JS文件?

这很简单!
您只需将以下2x代码段添加到位于活动主题文件夹中的functions.php文件中:

1.避免在除联系页面之外的每个页面上加载CSS文件

// 取消注册联系表格7样式
add_action( 'wp_print_styles', 'aa_deregister_styles', 100 );
function aa_deregister_styles() {
if ( ! is_page( 'contact' ) ) {
wp_deregister_style( 'contact-form-7' );
}
}

2.避免在除联系页面之外的每个页面上加载JavaScript文件

// 在没有表单的所有页面上取消注册联系表单7 JavaScript文件
add_action( 'wp_print_scripts', 'aa_deregister_javascript', 100 );
function aa_deregister_javascript() {
if ( ! is_page( 'contact' ) ) {
wp_deregister_style( 'contact-form-7' );
}
}

请注意,您需要调整if语句以包含您用于联系页面的slug(URL)的名称。 因此,如果您的联系页面上有“contact-us”,并且在yoursite.com/contact-us上找到了,那么您需要调整到if ( ! is_page( 'contact-us' ) ).

3.如何在多个页面上包含多个表单?

您可以使用 is_page() 函数添加页面数组。 用它来获取必要的参数,例如Page Title,Page Slug或Page ID:

is_page( array( 23, 'about-us', 'Contact' ) );

网站的页面速度和加载次数对于SEO和用户体验感非常重要。 因为网站速度越慢访客被反弹的速度就会越快。 这种情况在电子商务中尤为明显,附加页面加载时间几秒的差别就意味着双倍的反弹。

对于我所提出的整体SEO解决方案速度和性能优化是不可或缺的一部分。 您需要一个高速加载的网站来提高您的转化率,其实这很容易:

在搜索引擎中加载速度越高的网站排名也会越高,进而将网站的访客转化为顾客的机率也越高。

关于页面速度优化的重要性,近期我会与您分享更多相关知识,同时也会向您展示如何让核心目标网页的页面加载速度达到并超过90/100。

作者:|2018-10-16T11:26:44+00:002018年7月20日|主题:WordPress, 速度优化|标签:, |

关于作者:

Digital Marketing Engineer, Multilingual SEO Expert, Search Engine Marketing Professional, Technical SEO, LAMP Stack Application Fan & FOSS Enthusiast, PPC Advertiser, Debian & Devuan GNU/Linux System Administrator, CRM Solution Provider, Joomla! Webmaster, WordPress Virtuoso & OpenCart E-Commercialist. Standing on the Shoulders of Giants.

发表评论