作者广告
作者广告

Avada主题速度提升——5个简单代码优化技巧分享

以下是仅使用代码实现对Avada主题进行国内加速优化的具体步骤:

1. 去除Avada主题自带的Google字体,改为使用本地字体。在主题的functions.php文件中添加以下代码:

function remove_avada_google_fonts() {
wp_dequeue_style( 'avada-google-fonts' );
}
add_action( 'wp_enqueue_scripts', 'remove_avada_google_fonts', 9999 );

 

2. 对CSS和JavaScript进行缩小和压缩,以减少文件大小并提高加载速度。将以下代码添加到主题的functions.php文件中:

function avada_enqueue_scripts() {
if (!is_admin()) {
wp_enqueue_script('jquery');
wp_enqueue_script('bootstrap', get_template_directory_uri().'/assets/js/bootstrap.min.js', array('jquery'), '', true);
wp_enqueue_script('flexslider', get_template_directory_uri().'/assets/js/jquery.flexslider-min.js', array('jquery'), '', true);
wp_enqueue_script('superfish', get_template_directory_uri().'/assets/js/superfish.js', array('jquery'), '', true);
wp_enqueue_script('hoverIntent', get_template_directory_uri().'/assets/js/hoverIntent.js', array('jquery'), '', true);
wp_enqueue_script('modernizr', get_template_directory_uri().'/assets/js/modernizr.js', '', '', true);
wp_enqueue_script('avada-scripts', get_template_directory_uri().'/assets/js/main.js', array('jquery'), '', true);

wp_enqueue_style('bootstrap', get_template_directory_uri().'/assets/css/bootstrap.min.css');
wp_enqueue_style('flexslider', get_template_directory_uri().'/assets/css/flexslider.css');
wp_enqueue_style('avada-styles', get_template_directory_uri().'/assets/css/style.css');
wp_enqueue_style('avada-custom-styles', get_stylesheet_uri());
}
}
add_action('wp_enqueue_scripts', 'avada_enqueue_scripts');

 

3. 对图片进行优化,以缩小文件大小并提高加载速度。将以下代码添加到functions.php文件中:

add_filter('jpeg_quality', function($arg){
return 80;
});

function avada_image_sizes() {
add_image_size('featured', 940, 400, true);
add_image_size('featured-medium', 520, 360, true);
add_image_size('featured-small', 260, 180, true);
add_image_size('related', 180, 120, true);
add_image_size('recent-posts', 80, 80, true);
}
add_action('after_setup_theme', 'avada_image_sizes');

 

4. 启用Gzip压缩。将以下代码添加到主题的.htaccess文件中:

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css application/x-javascript application/javascript text/javascript
</IfModule>

 

以上就是使用代码实现对Avada主题进行国内加速优化的方法,相比于使用插件的方法,这种方法更为直接简洁,且可以减少网站的负担。

该文章已被以下专题收入

给TA打赏
共{{data.count}}人
人已打赏
[elementor-template id="106011"]
网站开发网站运营

在WordPress系统中使用代码优化WooCommerce插件

2023-4-19 12:55:48

网站开发网站运营

只使用代码如何实现发布文章、页面或者其它类型的信息后,自动推送到百度搜索引擎平台

2023-4-24 12:50:19

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索