Search Results for 'cdn'

I’m not using any CDN:

http://www.anim-arte.com/

The icons are there (in blue in fact), they just dont show. O_o I’ve tried chaing their color, chaing the background color, but no luck.

If using cdn you will need to setup CORS setting for your site, or create exception in your setting to not load icon font from cdn.

@Danijelmo
You don’t need to post the same thing over and over.

Try testing your site with GTMetrix.com as it will tell you specifically what your site problems are and classify them by things like “Server” “Images” etc., with explanations.

Did you setup gzip/deflate on your server? [looks like you did!]

Did you edit your htaccess file (if applicable) to add expiration headers (e.g., mod_expires settings)?

Did you install an optimization plugin for images/thumbnails or change the default setting in your functions.php file?

Are you using the tagdiv speed booster plugin?

Did you disable system hogs like jetpack? Disable all plugins you’re NOT using?

Are you using a caching plugin once all of the above is working?

————

based on this you have some issues:
http://gtmetrix.com/reports/crnjaci.com/fxrIs409

1) you’re loading images off wp.com instead of your own locale; using a CDN for un-optimized images doesn’t make them load any better
2) you need to add instruction to the functions.php file to remove query strings (see my help on that in the pagespeed sticky topic)
3) you have some ridiculously huge images….
•http://i2.wp.com/crnjaci.com/wp-content/uploads/2014/08/IMG_0380.jpg?fit=1024%2C1024 is resized in HTML or CSS from 768×1024 to 291×388. Serving a scaled image could save 253.5KiB (85% reduction).
•http://i0.wp.com/crnjaci.com/wp-content/uploads/2014/08/10250323_10152304836090758_9213683227347813057_n.jpg?fit=1024%2C1024 is resized in HTML or CSS from 1024×768 to 291×219. Serving a scaled image could save 245.6KiB (91% reduction).
•http://i1.wp.com/crnjaci.com/wp-content/uploads/2014/08/DSC03988.jpg?fit=1024%2C1024 is resized in HTML or CSS from 1024×768 to 291×219. Serving a scaled image could save 241.2KiB (91% reduction).
•http://i1.wp.com/crnjaci.com/wp-content/uploads/2014/08/IMG_0594.jpg?fit=1024%2C1024 is resized in HTML or CSS from 768×975 to 291×370. Serving a scaled image could save 238.1KiB (85% reduction).
•http://i2.wp.com/crnjaci.com/wp-content/uploads/2014/08/IMG_0213.jpg?fit=1024%2C1024 is resized in HTML or CSS from 1024×683 to 300×200. Serving a scaled image could save 228.1KiB (91% reduction).
•http://i1.wp.com/crnjaci.com/wp-content/uploads/2014/08/10568980_10150651663339953_7674800880872619968_n.jpg?fit=1024%2C1024 is resized in HTML or CSS from 960×720 to 291×219. Serving a scaled image could save 199.1KiB (90% reduction).

Looks like you need to seriously look at your image optimization problems as your images look to be way too big when actually served on the pages.

Wny would you have a 250kb+ image file? A 1024×768 image if properly optimized should be no more than maybe 75kb.

BTW: optimizing your server/site for PageSpeed is YOUR job, not the theme’s job. Good to learn how to do this by reading up on the topic on Google as well as the docs provided with the theme as a courtesy.

Hi
theme uses a custom font for all the little icons which is more efficient than loading a graphic a million times with CSS (sprites). E.g., using FontAwesome or similar. What you’re seeing is the font not loading and hence you get “broken” icons that look like [].

The only issue with this is that for folks using a CDN, there is a cross-site security setting that most people using CDNs don’t know anything about unless they have run into this before.

In fact, there is a setting you would need to create for the font file if loading off the CDN, called a “CORS” file. You should see the docs for your CDN on how to do this.

Or, simply load the custom font file off your local server – which with many CDNs you do by creating an “exception” in your CDN setup to NOT load the font file(s) on the CDN and leave on the domain where the site happens to be. This will often be simpler method for those who don’t want to deal with setting up a CORS file.

Great article from 2013 which helped me with this issue when we were setting up a CDN; we had to create CORS entry. Later we chose to simply load off our local server (where the domain and WP are installed): (THIS EXAMPLE IS FOR AMAZON, BUT SIMILAR PRACTICE WOULD APPLY TO ALL CDNs):
http://schock.net/articles/2013/07/03/hosting-web-fonts-on-a-cdn-youre-going-to-need-some-cors/

Info from MaxCDN
http://support.maxcdn.com/how-to-use-cdn-with-webfonts/

Probably admin here will need to make a very short tutorial on this topic, since more and more people are using CDNs, without actually knowing how they work. 🙂

1 and 2 have been resolved.. It seems it was Cloudflare minification problem

But does this mean that I can’t use CDN..?

Also, any help with #3 appreciated

Note if loading the custom icon font off a cdn you will likely need to add CORS rules for the font files.

does that mean i can’t use cloudfront cdn if font icons must be from same domain? do you plan to support woocommerce? thank you

See the theme docs on how to update.

there is a patch file in the full download, but i usally turn off plugins, delete old theme folder, upload new theme folder, reactivate theme

Obviously you need to manage your caching and cdn settings as applicable, such as clearing cache before reactivating new version.

• This reply was modified 11 years by simchris.

That’s what I thought. I don’t think slider is able to do “double loading” — meaning it’s doing ajax or whatever to load each “slide” as an image, but cannot also do “media query check” as each slide loads, as that would mean reloading the slide every time to check for viewport. Horribly complicated and almost means having to do a viewport check, THEN load “desktop slider” vs “mobile slider” with two different setups; meaning loading both large and small images like is done with logo. Problem there, however, is what size would somebody load for mobile since the viewports vary, and traditionally loading larger image and “scaling” it was fine since you’d get benefit of more pixels for retina without having to actually load a denser image.

In our case to this issue, the solution was running mod_pagespeed on the server as this optimizes and caches the most common “rendered size” — so if 80% of your audience was coming in on iPhone, viewing in portrait, and the 1073 image was loading as 573, then mod_pagspeed would make an optimized 573 size image and cache it; which would speed things up AND help with the “resize image” technical “problem” with mobile.

I cannot stress any more highly the benefit of mod_pagespeed for this kind of issue; and the fact it can generate optimized images for Chrome and other WebP image capable platforms (WebP more efficient than jpg).

If you can use a web hosting company using mod_pagespeed you will be amazed. Of course some CDN providers are now offering this, too, if your hosting provider doesn’t yet do so.

Be sure to disable woo commerce also, not just the woo commerce extension plugins.

Clear your site cache and cdn cache if susing those, fully clear your browser cache.

Hi guys, we are CDN so the web is pretty fast however we would like to improve PageSpeed, YSlow, Pingdoom and GTmetrix. is it safe to use this plugin for leverage browser cash etc.. web: http://www.electropiknik.cz

plugin url: https://wordpress.org/plugins/remove-query-strings-from-static-resources/

Well, this is a NEW theme, on version 1.0 … it is not an update to Newspaper. So you need to treat as changing to different theme, unless I totally misunderstood what you were saying there 🙂

So,
1) switch to default WP theme
2) turn off all plugins; delete ALL plugins used for Newspaper theme
and delete any prior issue of Visual Composer – completely
3) clear cache, update CDN if needed
4) install theme
5) install plugins
6) activate new visual composer with all other plugins OFF
7) activate theme from wordpress > appearance

So, you need to install the theme then activate the new theme following the theme docs.
https://forum.tagdiv.com/installation-newsmag/