WordPress.org

Forums

WP Retina 2x
[resolved] WP Retina 2x and W3TC Issues (4 posts)

  1. finraz
    Member
    Posted 2 years ago #

    Hello,
    I am running a WP Ecommerce Store: Art&Article The plugin was running BEAUTIFULLY until I installed the W3TC plugin (the page loads before were nearing 10 seconds or longer !?) I have not yet set up a CDN (as i saw it was an issue relating to this W3TC plugin and WP Retina 2x.)

    The Issues on retina devices only after install (that i have noticed):

    • The main page only loads the logo @2x but not the main image or banner.
    • The @2x Product Images: Here populate the page (mostly) and skip over some images, but still leave room for them. Different images are missing on page reloads.
    • The "banner image" stays doesn't want to load @2x on any page.

    What I've Tried.
    I've purged the caches on the browsers and the plugin. I've tried to have it skip minifying the retina.js file.

    Does anyone have any experience using these two plugins? I'd appreciate any sort of feedback. I'd hate to have to disable THIS amazing plugin.
    Thanks for looking

    http://wordpress.org/extend/plugins/wp-retina-2x/

  2. Jordy Meow
    Member
    Plugin Author

    Posted 2 years ago #

    It depends on your configured W3TC cache, and which WP Retina 2x methods you are using. Check the FAQ and the issues, the response might be somewhere :) Otherwise find yourself a developer that can help you finding the exact issue, it will probably require some debugging.

  3. Frederick Townes
    Member
    Posted 2 years ago #

    Can I help with anything here?

  4. Dropbox Wiki
    Member
    Posted 2 years ago #

    After contacting the nice support people at MaxCDN, I got an answer that fixed my problem. It seems that you need to turn on Cross Origin Scripting in order for retina.js to load images from a different url (e.g. cdn.yoursite.com).

    Add the following code to your .htaccess file and you should be good to go:

    # ----------------------------------------------------------------------
    # CORS-enabled images (@crossorigin)
    # ----------------------------------------------------------------------
    # Send CORS headers if browsers request them; enabled by default for images.
    # developer.mozilla.org/en/CORS_Enabled_Image
    # blog.chromium.org/2011/07/using-cross-domain-images-in-webgl-and.html
    # hacks.mozilla.org/2011/11/using-cors-to-load-webgl-textures-from-cross-domain-images/
    # wiki.mozilla.org/Security/Reviews/crossoriginAttribute
    <IfModule mod_setenvif.c>
    <IfModule mod_headers.c>
    # mod_headers, y u no match by Content-Type?!
    <FilesMatch "\.(gif|png|jpe?g|svg|svgz|ico|webp)$">
    SetEnvIf Origin ":" IS_CORS
    Header set Access-Control-Allow-Origin "*" env=IS_CORS
    </FilesMatch>
    </IfModule>
    </IfModule>

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WP Retina 2x
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic