当前分类

WordPress

谷歌广告 Google Adsense 加载慢,导致代码高亮插件无法高亮

谷歌广告 Google Adsense 加载慢,导致代码高亮插件无法高亮

由于增加谷歌广告联盟 Google Adsense 后,谷歌广告加载慢导致经常代码高亮失败,用户体验相当差,于是研究了下其他网站的解决方案结合自己的代码终于解决了这个问题,解决方案如下: 1.在需要广告位的 html 地方插入div,如: 2.通过 jquery 的 append 方法动态插入对应的广告代码: function load_google_ad(){ $("#googl ...

谷歌广告联盟 Google Adsense 使用延迟加载 js 的形式,提升页面打开速度

谷歌广告联盟 Google Adsense 使用延迟加载 js 的形式,提升页面打开速度

谷歌广告联盟 Google Adsense 如果按照默认的代码部署,在国内页面有时候加载是挺慢的,会引用很多额外的 js,通过底部放置和 js 延迟加载的方式,能够提升页面加载速度。 # 放到需要展现广告的地方 # body底部引用js 代码中 3000 是 3 秒的意思,这样能实现在页面加载完成后再过 3 秒才请求 AdSense 加载广告,而且根据我 ...

延时加载 JS 代码,提高网页加载速度

延时加载 JS 代码,提高网页加载速度

如果网页中存在大量的 javascript 代码会极大的影响网页的访问速度,下面就简单介绍一下如何延时加载 js 代码提高速度。 一.延时加载js文件: 可以使用定时器函数 setTimeout() 让外部的 js 文件延迟加载,例如: 以上代码可以实现 js 代码在 3 秒之后再加载,这样可以在一定程度上提高速度。 二.将js代码放到网页内容的后面: ...

Google Adsense 谷歌联盟广告代码影响网页 JS 加载

Google Adsense 谷歌联盟广告代码影响网页 JS 加载

由于谷歌服务在国内的节点比较少,谷歌的一些 JS 加载速度经常抽风,有时候需要几十秒的时间来加载,在博客接入谷歌广告联盟之后,经常在打开页面的时候网页标签一直显示加载状态,对访客非常不友好。 具体的解决方式是在页面加载完成后再异步加载谷歌联盟的 JS,这样的话在JS加载慢的时候,虽然广告显示也会变慢,但是不会 ...

优化谷歌广告 Google Adsense 加载顺序,提高页面整体加载速度

优化谷歌广告 Google Adsense 加载顺序,提高页面整体加载速度

Google Adsense 是著名的拖慢加载速度的 JS。一年前的 Google Adsense 的 js 获取是链接美国,谷歌嘛,连不上也是正常的,现在基本解析都是上海和北京的谷翔,速度还行,但是加载广告的速度依旧难以忍受。 下图可以看到,一个 1.1kb 的网页(上面的文字是通过 js 自动生成的),谷歌广告加载,需要将近 10s 加载完毕,加载 ...

延迟加载谷歌广告 JS 代码,避免拖慢网页完整加载

延迟加载谷歌广告 JS 代码,避免拖慢网页完整加载

网页打开的顺序,都是按页面从上到下的顺序加载完成的,所以要想使广告不影响页面打开速度,就要等页面全部打开完成后,再加载 JS 代码。 等页面加载完再加载广告,其实就是将广告的 JS 代码放在页面的底部,等页面内容打开完成后再加载到广告代码,再用页面上预留好的的 DIV 输出广告。 方法一 1、将以下代码放置页面中想 ...

URL自定义访问频率时间限制,保护API接口防CC攻击,支持上万并发

URL自定义访问频率时间限制,保护API接口防CC攻击,支持上万并发

Nginx 的 limit_req 模块虽然也能控制单个 IP 地址访问频率,但是时间最长单位是每分钟 1 次,如果想要更大的时间跨度,比如没小时一次,甚至每天一次,就需要这个 PHP 版本的,URL 自定义访问频率时间限制,保护 API 接口防 CC 攻击,支持上万并发的代码了。 优势: 要求: 使用方法 以下开源代码添加到你网站核心文件中, ...

WordPress 使用使用 wp_trim_words() 截取限定字数的内容

WordPress 使用使用 wp_trim_words() 截取限定字数的内容

WordPress 3.3 新增了一个 wp_trim_words() 函数,专门用来截取限定字数的内容,比如文章、摘要、标题等: 当然,这个函数默认需要在循环中使用。 默认用法: 参数: $text (string) (required) 要修剪的文本。 Default: None $num_words (integer) (optional) 保留的单词个数。 Default: 55 $more (string) (optional) 修 ...

WordPress 单独加载指定 JavaScript 或 CSS 代码

WordPress 单独加载指定 JavaScript 或 CSS 代码

我们可以通过 WordPress 自定义字段来给某篇的日志单独加载 Javascript 脚本和 CSS 样式表。假设我们给日志单独加载 Javascript 脚本的自定义字段是 custom_head。 那么你首先需要把上面这段代码复制到你主题的 functions.php 文件中,也可以直接当作一个插件,上传到插件目录中,然后在后台激活。 然后在编辑日志的时候, ...

WordPress 指定页面按需加载 JavaScript

WordPress 指定页面按需加载 JavaScript

只在使用了某个页面模板的页面上加载指定的 JavaScript 文件吗,在下面的代码中,首页我们加载了每个页面都需要的 jQuery 和 Main.js 文件,然后判断当前页面是否使用了指定的页面模板,然后根据判断结果加载指定页面模板需要的 JavaScript 文件。 //注册加载函数到 hook 上 add_action('wp_enqueue_scripts', 'my_theme_lo ...

在 WordPress 指定页面添加 js/css 代码

在 WordPress 指定页面添加 js/css 代码

如何在特定的页面,添加 js 或 css 代码。本文主要采取修改主题 function.php 文件的方式,而非网上广泛抄袭的添加 head 自定义代码方式。 部分脚本代码或css样式 有时候,一些代码需要添加到一个指定的页面,而不是全局。这时,可以使用一个 wp_footer 钩子,再结合 is_page 进行页面判断,将指定代码写到页面底部。 funct ...

免费SSL证书网站合集与HTTPS站点 OCSP Stapling 验证加速,解决苹果手机网页卡顿

免费SSL证书网站合集与HTTPS站点 OCSP Stapling 验证加速,解决苹果手机网页卡顿

最近遇到一个在境外的朋友跟我说没有好用的 SSL 证书用了,我一阵纳闷随手把 FreeSSL 发给他了,结果他跟我说这个网站现在必须要+86的电话号验证了…… 因为实名的原因显然国内厂商这些实名认证才能签发的 SSL 他们是摸不到的,加上最近去年白嫖的 AlphaSSL 证书过期、Let‘s Encrypt 的 OCSP 被污染等等问题,最近可以说是把 ...

Let's Encrypt 被DNS污染导致苹果手机访问速度慢,Nginx 可以开启 OCSP 解决

Let's Encrypt 被DNS污染导致苹果手机访问速度慢,Nginx 可以开启 OCSP 解决

最近突然发现我的网站在苹果手机上Safari浏览器上第一次会访问会非常慢,但只要第一次访问后,后续的访问速度均不受影响...这就纳闷了,网站速度我都是优化过的,为什么会存在这种情况呢?困扰我许久,因为只有手机访问才这样,在电脑上访问速度都很快,完全没有头绪... 在多次尝试后,发现在Firefox和IE浏览器上能复现该问 ...

优化 HTTPS 访问速度:Nginx 配置 OCSP Stapling

优化 HTTPS 访问速度:Nginx 配置 OCSP Stapling

前言 由于国内网络对 Let's Encrypt 域名证书的 OSCP 服务器域名进行了 DNS 污染,用户在访问网站时,请求 OSCP 服务器的过程会导致网站访问速度很慢.本文将介绍如何通过配置网站的 nginx 来预先装订 OCSP 证书,达到优化 https 访问速度的效果. 配置流程 修改 nginx 域名 conf 文件 修改域名 conf 文件,在证书信息下加入以下 ...

Nginx 开启 OCSP Stapling 加快 HTTPS 网站的访问速度

Nginx 开启 OCSP Stapling 加快 HTTPS 网站的访问速度

以宝塔面板为例,编辑站点配置文件,在 ssl_session_timeout 10m; 下面插入以下4行: ssl_stapling on; ssl_stapling_verify on; ssl_trusted_certificate /path/to/fullchain.pem; resolver 8.8.8.8 8.8.4.4 valid=600s; 其中,/path/to/fullchain.pem 只要照抄 ssl_certificate 这一行后面的值即可。 设置完成后,可以解 ...

宝塔面板在nginx环境下,开启OCSP装订(OCSP Stapling)

宝塔面板在nginx环境下,开启OCSP装订(OCSP Stapling)

我们先来看OCSP 装订(OCSP Stapling)的作用,从自维基百科可以得知:OCSP装订解决了在线证书协议中的大多数问题,CA给网站颁发证书之后,网站的每个访问者都会进行OCSP查询。因此OCSP装订(英语:OCSP Stapling),正式名称为TLS证书状态查询扩展,可代替在线证书状态协议(OCSP)来查询X.509证书的状态。服务器在TLS握手 ...

WordPress 函数:全局变量$post、$page、$paged和$pages等

WordPress 函数:全局变量$post、$page、$paged和$pages等

WordPress 内置很多全局变量,如 $post、$page、$paged和$pages,几乎所有 WordPress 产生的数据都可以在全局变量中找到,合理利用这些变量,能对 WordPress 开发带来很多便利。 全局变量使用方法 访问 WordPress 中的全局变量 如果你想在你的代码中访问一个全局变量,首先做的事是把这个变量用global声明下: global $vari ...

WordPress 函数:判断页面的类型,如首页、文章页、搜索页

WordPress 函数:判断页面的类型,如首页、文章页、搜索页

WordPress 由首页、文章页、搜索页和404页面等页面组成,当你想在特有页面显示、隐藏、替换和加载某些内容,需要使用页面判断函数来判断。比如在文章页且仅在文章页显示某些内容时,可以使用函数 is_single() 判断。 WordPress 内置非常丰富的页面判断函数,下面列出的判断函数,在何种条件下的输出都是true,此外这些函数 ...

WordPress SEO优化:添加OG协议标签

WordPress SEO优化:添加OG协议标签

翻看一些主流网址的网页源代码,在 HTTP 头部经常能看到一些 og:type、og:title、og:image 的 meta 标签。这些 OG 是什么东西?有什么用?针对这些问题,虫子菌为你整理了以下资料。 OG 协议是什么 以玩个机吧一篇文章为例,添加 OG 协议后在网页源代码头部 head 标签会有如上效果。 这些 OG 是开放内容协议(Open Graph Pro ...

WordPress 函数:获取博客的常规设置get_bloginfo()、bloginfo()

WordPress 函数:获取博客的常规设置get_bloginfo()、bloginfo()

函数get_bloginfo()和bloginfo(),可以获取 WordPress 用户资料与常规设置中的信息,例如博客标题、博客地址url、WordPress版本等。 get_bloginfo()返回字符串用以调用,bloginfo()带有echo性质能立即输出。 函数用法 函数参数 $show (字符串 string) (可选) 关键字命名你想要的信息。 默认: name 'name' - 返回在 设置 > ...

微信扫一扫,分享到朋友圈

WordPress 函数:获取博客的常规设置get_bloginfo()、bloginfo()