如何加快cloudflare提供的CDN服务?

很多人会发现,使用了Cloudflare的CDN服务以后,网站速度不仅没有变快,反而变慢了!

分析

Cloudflare的免费CDN节点都不在国内,使用Cloudflare的CDN服务,就如同让用户出了一趟国,又回到国内的服务器。当然只会比使用之前慢!

正确的加速方案

如果只用到Cloudflare提供的部分服务,比如https或者永久在线。那么可以通过以下方法加快速度。

  1. 禁用缓存
  2. 清空所有缓存
  3. 设置压缩Html、CSS、JS

如果您还是不会操作,可以联系我帮您解决。

修改WooCommerce默认面包屑导航的函数woocommerce_breadcrumb_defaults()

代码

1
2
3
4
5
6
7
8
9
10
11
12
/*
修改Woo面包屑导航参数
*/
function my_woocommerce_breadcrumbs() {
return array(
'delimiter' => ' / ',
'wrap_before' => '<nav class="woocommerce-breadcrumb">',
'wrap_after' => '</nav>',
'home' => _x( 'XXXX', 'breadcrumb', 'woocommerce' ),
);
}
add_filter( 'woocommerce_breadcrumb_defaults', 'my_woocommerce_breadcrumbs' );

WordPress设置图片的默认显示方式(尺寸/对齐方式/链接到)after_setup_theme

1
2
3
4
5
6
add_action( 'after_setup_theme', 'default_attachment_display_settings' );
function default_attachment_display_settings() {
update_option( 'image_default_align', 'left' );
update_option( 'image_default_link_type', 'none' );
update_option( 'image_default_size', 'full' );
}

image_default_align

  • left
  • right
  • center
  • none
  • file
  • post
  • custom
  • none

image_default_size

  • thumbnail
  • medium
  • large
  • full

禁止WordPress压缩图片jpg_quality

默认WordPress会自动把JPG图像质量压缩到90%。如果您对网站图片质量要求高的话,那么可以通过下面的代码强制显示100%的原始图像。

1
2
3
4
add_filter( 'jpg_quality', 'high_jpg_quality' );
function high_jpg_quality() {
return 100;
}

标签Tags输出函数wc_get_product_tag_list()

函数的作用是返回一个产品的标签列表

参数

$product_id - 产品ID
$sep - 分割符号
$before - 列表前面的字符串
$after - 列表后面的字符串

示例

1
echo wc_get_product_tag_list( $id, ', ', '<span class="tagged_as">Tags' . ' ', '</span>' );

WooCommerce文章页面获取当前的产品ID wc_get_product()

1
2
3
4
echo wc_get_product()->get_id();
//或者
$product = wc_get_product();
$id = $product->get_id();

jQuery报错提示$未定义

$ 未定义该怎么办

示例代码

1
2
3
4
jQuery.noConflict();
jQuery(document).ready(function($){
//需要执行的代码放这里就可以了
});

禁用WordPress默认生成响应式图片的功能wp_calculate_image_srcset.

1
2
3
4
5
//disable srcset on images
function disable_srcset( $sources ) {
return false;
}
add_filter( 'wp_calculate_image_srcset', 'disable_srcset' );

制作的WordPress主题或页面中的文字在手机端显示的特别小是怎么回事

添加如下代码到模板中

1
2
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

JS是如何修改P标签内容的innerHTML和innerText

innerHTML

1
2
3
var obj = document.getElementById("p");
alert(obj.innerHTML);
obj.innerHTML= "Zhan5u";

innerText

1
2
3
var obj = document.getElementById("p2");
alert(obj.innerText);
obj.innerText= "站无忧";