Search Results for 'amp'

Cloudflare will likely add an exception for /amp/ layer to not “rewrite” that. (You *might* want to poke them about that, as a customer!)

I was worried mod_pagespeed might mess it up, but that worked with no issue.

Hello guys,

I have installed the AMP plugin and the Glue plugin (YAOST SEO + AMP) but it seems it doesnt work with cloudflare even if Rocket Loader is off.
My website : http://publikart.net
Thanks for your posts Chris.
It’s helpful !

RTFM:
how to add ‘featured image’ support:
https://github.com/Automattic/amp-wp/blob/master/readme.md#featured-image

===
COMPATIBILITY NOTE
The following plugins have been known to cause issues with this plugin:

Cloudflare (Rocket Loader; modifies the output of the AMP page, which breaks validation.)

• This reply was modified 10 years by simchris.

@Brain916

Hi, right now we’re not worried about that (ads), as this is rolling out in BETA this week for Google (supposedly today), so really right now we’re more concerned with being on the front end of the roll-out vs buried in the tail end.

I will worry about ads later on … 🙂
That can be implemented by folks who want to do that, but right now we’re just making sure it works at all “properly” and gets indexed, to see what happens as it rolls out.

For example the related posts text only plugin we use, works fine. The social sharing item we used does not. I’ll have to add a CDN call for the FontAwesome font, probably to the code.

Note, there is update plugin 0.3.1 today (2/24); also the “Yoast SEO Glue” plugin is now in the WordPress.org repository for auto-install from WP panel or FTP without having to mess with the github dev version!

For those using YOAST SEO + AMP, get this:
https://wordpress.org/plugins/glue-for-yoast-seo-amp/

In my test pages, the “image” works when loaded/placed between paragraphs but didn’t work when it was a featured image loaded on page outside the actual post meta.

If using the YOAST SEO GLUE addon for Yoast SEO, it looks like that will pick up the description and also make sure featured image (fallback to OG image) will be inserted into the code.

Be sure to read the threads for the plugin on WordPress.org (for both plugins).

In my tests in December I found the social plugin I was using didn’t work with AMP, as the FontAwesome font would not load and hence had broken elements for sharing.

I’ll be testing AMP with the Simple Local Avatars plugin, which is the one I happen to use for local hosting of author pix.

==========
NOTE THIS IS EVOLVING AS WE SPEAK
I just got ping back to help debug the alternate wp-content folder path bug, so will be following up with them on that today to help fix that issue.

Hi guys and thank you for your answers.

@Chris: I did not mean to merge the plugins CSS and/or JS but rather to make “local” their calls that are made in every site page header. In other terms, I’d like to copy these resources (CSS and JS) locally to my server filesystem and call them from there to avoid the TCP/IP delay overhead. I have already tried commenting the wp_head() and including them straight forward by their local paths but this approach causes malfunctioning to the page load. There is something of “dinamic behaviour” of wp_head() that prevents this approach to work successfully. But what?

@Andrej: I’ve deeply read the Speed Booster approach and I’ve tried it, firstly getting the blocking resources names by means of Google Speed Insights tips. It reports that the above fold blocking resources are:

http://43b.60a.myftpupload.com/…-includes/js/jquery/jquery.js?ver=1.11.3
http://43b.60a.myftpupload.com/…s/jquery/jquery-migrate.min.js?ver=1.2.1
http://43b.60a.myftpupload.com/…e-law-info/js/cookielawinfo.js?ver=1.5.3
http://43b.60a.myftpupload.com/…-includes/js/underscore.min.js?ver=1.6.0
http://43b.60a.myftpupload.com/…wp-includes/js/backbone.min.js?ver=1.1.2
http://43b.60a.myftpupload.com/…udes/js/jquery/ui/core.min.js?ver=1.11.4
http://43b.60a.myftpupload.com/…es/js/jquery/ui/widget.min.js?ver=1.11.4
http://43b.60a.myftpupload.com/…/js/jquery/ui/position.min.js?ver=1.11.4
http://43b.60a.myftpupload.com/…udes/js/jquery/ui/menu.min.js?ver=1.11.4
http://43b.60a.myftpupload.com/…jquery/ui/autocomplete.min.js?ver=1.11.4
http://43b.60a.myftpupload.com/…-search/js/visualsearch.min.js?ver=4.4.2
http://43b.60a.myftpupload.com/…ultimate-search/js/main-pro.js?ver=4.4.2

http://43b.60a.myftpupload.com/…form-7/includes/css/styles.css?ver=4.3.1
http://43b.60a.myftpupload.com/…kie-law-info/css/cli-style.css?ver=1.5.3
http://43b.60a.myftpupload.com/…ultimate-search/css/square.css?ver=4.4.2
http://fonts.googleapis.com/…n+Sans%3A300%2C400%2C600%2C700&ver=4.4.2
http://fonts.googleapis.com/…%2C700italic%2C400%2C300%2C700&ver=4.4.2
http://fonts.googleapis.com/…%2C300%7COpen+Sans%3A400%2C300&ver=4.4.2
http://43b.60a.myftpupload.com/…assets/css/eventon_styles.css?ver=2.3.17
http://43b.60a.myftpupload.com/…/assets/fonts/font-awesome.css?ver=4.4.2
http://43b.60a.myftpupload.com/…ss-popular-posts/style/wpp.css?ver=3.3.3
http://43b.60a.myftpupload.com/…ekly-view/assets/wv_styles.css?ver=4.4.2
http://43b.60a.myftpupload.com/…assets/css/js_composer.min.css?ver=4.8.1
http://43b.60a.myftpupload.com/…ntent/themes/Newsmag/style.css?ver=2.3.5
http://43b.60a.myftpupload.com/…cific-rss-feed-menu/wp_cat_rss_style.css

But the code snippet at the ends of functions.php says on my theme dashboard that the registered script are:

gd_system_gritter | http://43b.60a.myftpupload.com/wp-content/mu-plugins/gd-system-plugin/js/jquery.gritter.min.js
common | /wp-admin/js/common.min.js
vc_accordion_script | http://43b.60a.myftpupload.com/wp-content/plugins/js_composer/assets/lib/vc_accordion/vc-accordion.js
admin-bar | /wp-includes/js/admin-bar.min.js
evo_wp_admin | http://43b.60a.myftpupload.com/wp-content/plugins/eventON/assets/js/admin/wp_admin.js
dashboard | /wp-admin/js/dashboard.min.js
customize-loader | /wp-includes/js/customize-loader.min.js
plugin-install | /wp-admin/js/plugin-install.min.js
media-upload | /wp-admin/js/media-upload.min.js
thickbox | /wp-includes/js/thickbox/thickbox.js
utils | /wp-includes/js/utils.min.js
svg-painter | /wp-admin/js/svg-painter.js
wp-auth-check | /wp-includes/js/wp-auth-check.min.js
shortcode_generator | http://43b.60a.myftpupload.com/wp-content/plugins/eventON/ajde/assets/shortcode_generator.js
backender_colorpicker | http://43b.60a.myftpupload.com/wp-content/plugins/eventON/ajde/colorpicker/colorpicker.js
ajde_wp_admin | http://43b.60a.myftpupload.com/wp-content/plugins/eventON/ajde/ajde-wp-admin.js
td_wp_admin | http://43b.60a.myftpupload.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_wp_admin.js
td_wp_admin_color_picker | http://43b.60a.myftpupload.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_wp_admin_color_picker.js
td_wp_admin_panel | http://43b.60a.myftpupload.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_wp_admin_panel.js
td_edit_page | http://43b.60a.myftpupload.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_edit_page.js
td_wp_admin_demos | http://43b.60a.myftpupload.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_wp_admin_demos.js
td_page_options | http://43b.60a.myftpupload.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/td_page_options.js
td_tooltip | http://43b.60a.myftpupload.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/js/tooltip.js
akismet.js | http://43b.60a.myftpupload.com/wp-content/plugins/akismet/_inc/akismet.js
as3cf-notice | http://43b.60a.myftpupload.com/wp-content/plugins/amazon-s3-and-cloudfront/assets/js/notice.min.js
registered styles
gd_system_gritter | http://43b.60a.myftpupload.com/wp-content/mu-plugins/gd-system-plugin/css/jquery.gritter.min.css
admin-bar | /wp-includes/css/admin-bar.min.css
evo_font_icons | http://43b.60a.myftpupload.com/wp-content/plugins/eventON/assets/fonts/font-awesome.css
evo_wp_admin | http://43b.60a.myftpupload.com/wp-content/plugins/eventON/assets/css/admin/wp_admin.css
newwp | http://43b.60a.myftpupload.com/wp-content/plugins/eventON/assets/css/admin/wp3.8.css
thickbox | /wp-includes/js/thickbox/thickbox.css
colors | 1
ie | /wp-admin/css/ie.min.css
wp-auth-check | /wp-includes/css/wp-auth-check.min.css
gd_system_admin_css | http://43b.60a.myftpupload.com/wp-content/mu-plugins/gd-system-plugin/css/admin.min.css
ajde_wp_admin | http://43b.60a.myftpupload.com/wp-content/plugins/eventON/ajde/ajde-wp-admin.css
evo_sin_wpadmin | http://43b.60a.myftpupload.com/wp-content/plugins/eventon-single-event/assets/style-wp-admin.css
google-font-ubuntu | http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,cyrillic-ext,greek-ext,greek,latin-ext,cyrillic
td-wp-admin-td-panel-2 | http://43b.60a.myftpupload.com/wp-content/themes/Newsmag/includes/wp_booster/wp-admin/css/wp-admin.css
wp-color-picker | /wp-admin/css/color-picker.min.css
akismet.css | http://43b.60a.myftpupload.com/wp-content/plugins/akismet/_inc/akismet.css
au_backend_settings | http://43b.60a.myftpupload.com/wp-content/plugins/eventon-action-user/assets/au_styles_settings.css
aws-global-styles | http://43b.60a.myftpupload.com/wp-content/plugins/amazon-web-services/assets/css/global.css

As you can see, no one of the registered CSS and JS listed by functions.php curresponds to those found by Google Speed Insights! So that I don’t have any ID of CSS and/or JS to use to move their loading in the footer by means of td-speed-booster.php hacking.
What is wrong with that or what could be done instead?
Thanks in advance,
Giuseppe

• This reply was modified 10 years by gmaio.

Thanks Bogdan! I’ve been able to add it but just making sure that the syntax is $this->move_style_to_footer_queue(‘bp-legacy-css’) & not $this->move_style_to_footer(‘bp-legacy-css’) which is what the tutorial mentions (Tutorial doesn’t mention ‘footer_queue’, but ‘queue’).

Anyway, my file was saved. Do I have to clear cache before checking in Pagespeed (because I just checked & the performance has actually dropped).

Gaurav

Hello Chris , i tried it and working cool i guess with http://sonsoz.com.tr , example: http://sonsoz.com.tr/uyuyor-ama-dinlenemiyorsaniz-dikkat/amp/

I have a problem with Wp_User_Avatars

Failed to load resource: ( http://i0.wp.com/wp_user_avatar ) the server responded with a status of 400 (Bad Request)

Failed HTTP request for ” img amp-img-id=”AMP_1″ class=”-amp-fill-content -amp-replaced-content -amp-error” width=”24″ height=”24″ src=”http://1.gravatar.com/avatar/1cf423627db68b9ab0a61210e3df6342?s=24&d=wp_user_avatar&r=g””

any suggestions? What can i do with this problem , i have no idea…

2nd Problem Cant Get futured image like your site does…

Everything else seems to work great…

or anyone can help me with this problem…

• This reply was modified 10 years by Smanchi.
• This reply was modified 10 years by Smanchi.

Hi Bogdan,

Thanks for your suggestions. We’re now using Super Cache & Cloudflare but still far from a decent load speed. I’m trying to add the below to the bottom of the file td-speed-booster.php but getting the error “Parse error: syntax error, unexpected ”); ‘ (T_CONSTANT_ENCAPSED_STRING)”. The position I tried to add this to was the line just below the line ‘new td_speed_booster();’

Please advise how to add the below to td-speed-booster.php without the error…

$this->move_js_to_footer(‘comment-reply’);
$this->move_js_to_footer(‘td-site-min’);
$this->move_js_to_footer(‘jquery-ui-widget’);
$this->move_js_to_footer(‘jquery-effects-shake’);
$this->move_js_to_footer(‘revmin’);
$this->move_js_to_footer(‘tp-tools’);
$this->move_js_to_footer(‘gmap_form’);
$this->move_js_to_footer(‘cfm_main_front_end’);
$this->move_js_to_footer(‘gmap_form_api’);
$this->move_js_to_footer(‘jquery’);

$this->move_style_to_footer(‘td-theme’);
$this->move_style_to_footer(‘js_composer_front’);
$this->move_style_to_footer(‘google_font_open_sans’);
$this->move_style_to_footer(‘google_font_roboto’);
$this->move_style_to_footer(‘google-fonts-style’);
$this->move_style_to_footer(‘rs-plugin-settings’);
$this->move_style_to_footer(‘contact_form_maker_frontend’);
$this->move_style_to_footer(‘jquery-ui’);

Regards,
Gaurav

Hi

First edit the td_set_post_settings.php file and add this code like here: http://screencast.com/t/qPH6CDcOBdH – http://pastebin.com/hK8jFJNN

Then edit td_module_single_base.php and replace the current code of get_source_and_via(): function with this one: http://screencast.com/t/sCNRxtsaAo9q – http://pastebin.com/GP8p4imf
The result should be like here: http://screencast.com/t/0swzpk5uKs – http://screencast.com/t/1d4WcHnnK
Note that this is just basic example about how can you add a new tag for your posts. You can customize it as you want to obtain a different result. This customizations requires basic php coding skills in order to be achieved.
If you can’t manage to do this yourself or you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you.

Thanks!

Nice read. I notice your AMP page doesn’t have ads. Is that due to the Plugin? I saw other websites using AMP and they have ads in theres.

How could I leave newspaper with a big slider on the homepage?
Example: http://s6.postimg.org/7pqdqxyk1/posonty_2016_02_24_00h33m29s_034.png
Newspaper I really like, but I have doubts when inaugurate the online store, if I may leave as flatsome newspaper theme, especially to retail galleries on the cover, then mount the store when I can help with guidance on how to do please?

I think I forgot the link to the AMP plugin customizations / help info:
https://github.com/Automattic/amp-wp/blob/master/readme.md

And, the BETA AMP plugin for YOAST SEO
https://github.com/Yoast/yoastseo-amp

One bug I have reported, is that the plugin will *not* work at all, when you rename the wp-content folder to anything else (I had this custom setup thing I’m working on as /assets/ — for a reason I won’t share here, but related to integrating several other installs of WP on same site at some point).

• This reply was modified 10 years by simchris.