Menu
  • HOME
  • TAGS

How to detect when one or more JS/CSS library fail to load (e.g. CDN)?

javascript,css,cdn

Just add an onerror handler to the tag. This can call a fallback, give the user a message etc. Example Using a non-existing url will here pop up an alert: <link onerror="alert('woa, error')" rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/angular_material/0.8.2/angular material.min.cssx" > For custom function, just define a script block in the header before the...

Batch replace serialized CDN subdomains

batch-file,applescript,cdn,text-processing,textwrangler

Are you actually writing HTML from FileMaker? If that's the case, and you want to manipulate the HTML using Perform AppleScript, then you can do something like the following. Best Practice: Always use "Native AppleScript" instead of "Calculated AppleScript". To get data in and out of AppleScript, create a pair...

With GoDaddy (or other registras) can I point a CNAME to an index.html file on a CDN or Azure blob?

azure,godaddy,cdn

Right now this is not possible because Azure Blob Storage still does not support default document concept (Amazon S3 does). Thus while you can do a CNAME mapping but you can't point to pick index.html file when somebody types in your domain name.

W3 Total Cache: .woff and .otf font files not uploading to CDN?

wordpress,caching,fonts,cdn,amazon-cloudfront

Figured it out thanks to GNASCHENWENG. Turns out the file-extension separators after .woff and .otf were commas, when they needed to be semi-colons: Fonts uploaded successfully to CloudFront now....

External CSS Encoding Issue?

html,css,utf-8,cdn,cloudflare

As per comment above, try the following snippets. Auto UTF-8 Encode # Use UTF-8 encoding for anything served text/plain or text/html AddDefaultCharset utf-8 # Force UTF-8 for a number of file formats AddCharset utf-8 .atom .css .js .json .rss .vtt .xml Compress Text Files <IfModule mod_deflate.c> # Force compression for...

How to use CDN in Spring MVC

java,jsp,spring-mvc,cdn,static-resource

I implemented CDN service in Spring using following steps: Add following lines in dispatcher-servlet.xml (Your Spring Configuration) <util:properties id="propertyConfigurer" location="classpath:/app.properties"/> <context:property-placeholder properties-ref="propertyConfigurer" /> Of course, you need to add DOM for spring-util at the top of the file: xmlns:util="http://www.springframework.org/schema/util" xsi:schemaLocation="http://www.springframework.org/schema/util...

How to write a fallback for css files not loaded, loading too long and blocked? [duplicate]

javascript,css,cdn,conditional-statements,fallback

Disclaimer Seems like all of these very kind people have marked your question as a duplicate, however they didn't notice that the answer provided to that question does not work (the answer is from 2011 for god's sake, see why it doesn't work in the notes). I've already flagged it...

how can I force cdn.rawgit.com use updated file

github,cdn

Yes, permanent means never. From the documentation: Since files are not refreshed after the first request, it's best to use a specific tag or commit URL, not a branch URL. This wouldn't update the file per-se, but it would allow you to specify the new version....

Adding an etag/version to assets with brunch

javascript,gruntjs,cdn,bower,brunch

I found digest-brunch, does exactly what I need!

jQuery CDN Fallback Doesn't Work

jquery,cdn,fallback,google-cdn

You can even create a script element and add it your head or body at the top like this <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> </script> <script> if(!window.jQuery){ var script = document.createElement('script'); script.src = 'jquery-1.11.2.min.js'; document.head.appendChild(script); } </script> I tried it both offline and online and it works :) ...

Site functionality diminished over VPN/company network

ssl,vpn,cdn,cloudflare

It seems the connection is being done (or routed) through a low bandwidth high latency link (or a very congested one). Most of the dns lookups and connects seems to be taking ~10s. In the HAR you can see that it affects fonts.googleapis.com and cdnjs.cloudflare.com. https://www.google-analytics.com/analytics.js has no data captured....

how to set up a cdn?

caching,dns,cdn

You need to edit the DNS details for yourdomain.ext so that to apex (root/base) record points to yourdomain.ext.web.cdn.anycast.me You can do this by removing the currect root/apex record, normally this stands out by having only a ".", "*" or a "@" under the hostname. Normally an A record pointing at...

What happen when user location is near the Origin server more than CDN server?

cdn

If you switch to using a CDN, then all your users will go through the CDN. If they don't have a server near you, then it is going to be slower for your local users. It's up to you to make a call on whether that tradeoff is worth it...

How to use Sementic UI cdn

cdn,semantic-ui

You just need to copy the URL of the files you want to use for Semantic UI, and put it in your header under a script or link tag as the "src" or "href" value. For Semantic UI, you need three files for general use: semantic.min.css jquery.min.js (from JQuery CDN)...

Pagespeed - cdn.com/framework.css + mysite.com/custom.css VS mysite.com/customframework.css

performance,twitter-bootstrap,cdn,pagespeed

Generally speaking, you want to minimize the number of requests the browser has to make to obtain the resources, so one script (or style) is better than two. However, the CDN you are using might provide much better latency and download speed than your own server, and in this case,...

Magento fronted - file not found when admin hosted on different server

magento,admin,cdn

I used Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA) . 'catalog/product' . $product->getImage() instead of $this->helper('catalog/image')->init($_product, 'image')->resize(100,100) everywhere in fronted.

Serve protected assets through CDN

cdn,amazon-cloudfront

Amazon CloudFront also offers Serving Private Content through CloudFront to address your use case: Many companies that distribute content via the Internet want to restrict access to documents, business data, media streams, or content that is intended for selected users, for example, users who have paid a fee. To securely...

parser.js not found on Google CDN for dojo 1.10.3

javascript,ajax,dojo,cdn,google-cdn

The problem is not within the URL, but probably due to some custom packages configured using dojoConfig. Here's an example (without additional configuration) that does work: http://plnkr.co/edit/xgEi6qAPqKSNrUaoOQch?p=preview If you you have custom modules and you're using a CDN, you should probably follow the guidelines described in this article. For example:...

BOOTSTRAP CDN Hosted, additional CSS

css,twitter-bootstrap,cdn

Create a new file called custom.css and include it inside <head></head> after the CDN versions. <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> <!-- Optional theme --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> <!-- Your Custom theme --> <link rel="stylesheet" href="your/path/to/custom/css/file"> <!-- Latest compiled and minified...

Are CDNs that don't cache useful?

caching,cdn

Yes, it can be useful by moving the content closer to the user. Most CDN's will serve your static file from a geographical location as close to the user as possible, typically providing better latency. Of course, you need to have users across the globe for this to make sense...

How to wait for document.write to complete

javascript,jquery,cdn,fallback

You should utilize the onload event of the <script>. Instead of ducoment.write, add a script tag to the document via DOM manipulation: var s = document.createElement('script'); s.onload = function() { // jQuery is now loaded and can be used } s.src = '/js/jquery.js'; document.getElementsByTagName('head')[0].appendChild(s); UPDATE: The answer to your question...

Azure region based WebApi for mobile app

azure,cdn

What you're looking at is Traffic Manager. Traffic manager enables that exact scenario, of finding the closest service that hosts your REST API. Keep in mind though, that the database replication is (for the time being) a thing you have to do yourself, although we do provide you with the...

Why use protocol-relative URLs at all?

html,http,https,cdn,relative-url

As of December 2014, Paul Irish's blog on protocol-relative URLs says: 2014.12.17: Now that SSL is encouraged for everyone and doesn’t have performance concerns, this technique is now an anti-pattern. If the asset you need is available on SSL, then always use the https:// asset. Unless you have specific performance...

Cloudflare CDN caching and google analytics doubts?

javascript,caching,google-analytics,cdn,cloudflare

"1. Is there someway to make sure that changes to my own .js and .css files appear quickly." Go to Development Mode or purge file/full cache (you might have to do a hard refresh on your browser to make the changes show immediately as well). "2. If I have already...

Can CDNs handle base64 encoded data?

image-processing,upload,xmlhttprequest,base64,cdn

CDNs usually do not provide such uploading service for client side, so you can not do it in this way.

Import an external resource to grunt

gruntjs,external,cdn,concat,gulp

You would need to use a task that first downloads the resource and then concats. But that begs the question, why use a CDN script? CDNs are generally used for common resources that a client might already have cached. If you concat the file, you're no longer taking advantage of...

Where are my assets files stored?

heroku,ruby-on-rails-4,amazon-s3,cdn,amazon-cloudfront

If your files are being served from your CloudFront distribution and they are not being pulled from your S3 bucket "assets" as you previously thought, then you probably have set up your CloudFront distribution to use a custom origin such as your web server (S3 buckets are the normal/standard origins)....

When choosing the domain name for a CDN, is there anything to be aware of? [closed]

dns,seo,cdn

For a CDN, latency is king. The length of the domain label or the TLD you choose will not matter, because TLDs are supported by the low-latency network of DNS root servers. What will matter, though, are the authoritative DNS servers for your domain. Slow responding authoritative servers will increase...

Run script during HTTP request

apache,http,cgi,cdn

It seems to me that what you are trying to do is essentially have servers load files from one primary server. I would recommend not running a script but using the CDN servers as proxies which cache the responses. You would have to setup something like this in your apache...

Why do links not show the http protocol (ex. CDN links)?

http,cdn

That means that the link will use the same protocol that the page where the link is placed is using. If the link is in a "http://" page, it will use "http://" to open the link. If otherwise it is in a "https://" page, it will use "https://" to open...

Rails 4 carrierwave default_url not using cdn

ruby-on-rails-4,amazon-s3,carrierwave,cdn,fog

I fixed it using what I had thought about doing. And that is prepending the CDN url during prod and staging env. def default_url if !(Rails.env.development? || Rails.env.test?) "#{Settings.asset_host}#{ActionController::Base.helpers.asset_path("panOpen_v2/" + [version_name, "panopen_beta_logo_flat_white_med.png"].compact.join('_'))}" else ActionController::Base.helpers.asset_path("panOpen_v2/" + [version_name, "panopen_beta_logo_flat_white_med.png"].compact.join('_')) end end The Settings.asset_host is the url to my CDN. It's not a...

How long does it take to purge a file from the CloudFlare cache globally?

java,jsp,caching,cdn,cloudflare

It generally goes out almost immediately for purging items from cache. You still might have issues with browser caching and DNS caching in some cases.

When should files be excluded from single minified JavaScript file?

javascript,html,performance,cdn

In general both two solutions can be good. The trick stay in choose the correct operation for every situation. For example if you have 5 js files of 10KB each one, minify all to one 50KB make site faster. But if you have 5 files of 500kb each one, minify...

Sitecore Media Library & Azure CDN

azure,sitecore,cdn,sitecore-media-library

If you are using Azure PaaS and making use of WebRoles (such as when using the Sitecore Azure Module) then you should be able to more easily integrate the cloud service with Azure CDN. I'm not sure exactly what your plans were with integrating with Azure, but rather than worrying...

Does using CNAME with Amazon CloudFront cause extra charge?

amazon-web-services,cdn,amazon-cloudfront,cname

As far Amazon documentation says, CNAME is free. Now your actual confusion is, why services like Dropbox or others do not use Custom CNAME? The Answer is lookup resource. Each time someone ( A browser perhaps ) look for the file, it makes a lookup to find it's host. Then...

Enable/Disable PHP on Nginx for CDN

nginx,website,cdn

PHP with nginx is very different than PHP with Apache, since there is no mod_php equiv for nginx (AFAIK). PHP is handled by totally separate daemon (php-fpm, or by passing the request to an apache server, etc.) As a result, you can bypass php completely simply by letting nginx handle...

Refresh image in CDN immediately after upload to S3 with same file name

amazon-web-services,cdn,amazon-cloudfront

You'd want to store a count of how many times it has been changed and use something like <userId>.jpg?v=2 on your site. You'd have to turn query strings on for the CloudFront distribution. Without a filename change or query string change, you'd have to use a CloudFront invalidation, which will...

Should I bundle a javascript framework with my application or use a public CDN?

javascript,caching,browser-cache,performance-testing,cdn

I would say the answer is...it depends. I appreciate that isn't very useful so I'll expand. If you're writing an internal (intranet) application it would be better, and more efficient, to bundle the framework into your app. Your users will then only need to pull files from the local network....

Shopify blog feeding mailchimp campaign doesn't display images

image,rss,cdn,shopify,mailchimp

Just had the same problem, try this with the https:// https://cdn.shopify.com worked for me....

Visual Studio intellisense for Bootstrap via CDN

css,visual-studio-2012,twitter-bootstrap-3,intellisense,cdn

You can add CDN references to intelliSence for javascript, however, css is not supported. You can add the file to your project and it will work, you dont need to add a ref to html, just to project and it should resolve your issue....

How to load ace editor theme from CDN with requirejs?

javascript,requirejs,cdn,ace-editor

Seems like there is a bug in ace, and one needs to call ace.config.set("packaged", true) ace.config.set("basePath", require.toUrl("ace")) before ace.edit to configure paths....

Website load performance

javascript,jquery,performance,requirejs,cdn

You forgot option 3: one big file from CDN. It's usually best to have as little requests as possible, because less than the network speed (kb/s), network latency is a problem. But, if your code changes a lot (and users often return), it might be a reasonable idea, to concatenate...

Respond.js with external css resources

internet-explorer,internet-explorer-8,media-queries,cdn,respond.js

Respond.js actually works if you set up a provide a proxy page for it to reference. See https://github.com/scottjehl/Respond#cdnx-domain-setup and check out the cross-domain example at https://github.com/scottjehl/Respond/tree/master/cross-domain <!-- Respond.js proxy on external server --> <link href="http://externalcdn.com/respond-proxy.html" id="respond-proxy" rel="respond-proxy" /> <!-- Respond.js redirect location on local server --> <link href="/path/to/respond.proxy.gif" id="respond-redirect" rel="respond-redirect"...

ckeditor code snippet addon rails cdn

ruby-on-rails,ckeditor,cdn

You can still use CKEditor official CDN, but use full-all build, which includes all the official CKEditor plugins. <script src="//cdn.ckeditor.com/4.4.7/full-all/ckeditor.js"></script> And you're good to go. Don't forget to load this plugin, e.g. using config.extraPlugins. Like so: CKEDITOR.replace( 'editor1', { extraPlugins: 'codesnippet' } ); ...

path to image works in CDN but not in .css

c#,css,asp.net-mvc,asp.net-mvc-5,cdn

I suggest you download the ZIP from here: datatables.net/download/download. Copy the CSS Files to your: /Content/ OR styles And copy your Images to /images/ And it should work. I don't think you have to change the Reference in the css files IF /content/ and /images/ folder are in the same...

Alternatives to cloudinary cdn?

image,hosting,cdn,cloudinary

Cloudinary's Basic plan (smallest paid plan) allows hosting up to 1 million images total, and up to 75,000 new images per month, so the 500k limit sounds like a misunderstanding.

Purge a URL from the Fastly CDN via API call with curl or wget

bash,curl,wget,cdn,fastly

via curl -X PURGE http://www.example.com/image.jpg as explained in their docs....

Bootstrap 2.3.2: Layout is narrower using NuGet package compared with CDN

asp.net,twitter-bootstrap,nuget,cdn

It looks like the NetCDN/MaxCDN files are quite different from the NuGet packages. Since the formatting of the .min and non-.min are both so different I couldn't diff them to find out what has changed. As expected these two files are the same (same company): http://netdna.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.css https://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.css The content of...

Uploading to google app engine bucket and marking file as a public files

ruby,google-app-engine,cdn

gsutil acl ch -u AllUsers:R gs://<bucket-name>/foo.txt will make the object readable by anybody on the internet (gsutil is a command-line thingy, so it would typically be used via bash, cmd.exe, or some other shell language -- non-shell languages offer other APIs that are usually preferred when programming in such other...

Is it possible to add logic to CDN

cdn,amazon-cloudfront,akamai

I think what you are after is User Agent based caching, like vary: User-Agent. In theory, a server provide Cache service can definitely do so, however, as far as I can tell CloudFront and most of other major CDN providers don' support so. The basic reason is very straightforward that...

Is my minified javascript conflicting with my AWeber javascript?

javascript,wordpress,cdn,minify,cloudflare

Did you have Rocket Loader turned on as well? I'm inclined to say it is less likely of an issue with Minify than Rocket Loader.

Compass Sprite Generation while referencing a CDN

sass,cdn,sprite,compass

I figured it out. Needed to change the http_generated_images_path constant in my config.rb file. I changed it to read: http_generated_images_path = "//images.[DOMAIN].com//images" Then I was able to output the correct url like this: $icons: sprite-map("icons/fallback/sprites/*.png"); %sprite { background-image: sprite-url($icons); background-repeat: no-repeat; } ...

Breeze javascript URL on CDN [closed]

breeze,cdn

cdnjs (sponsered by cloudflare) hosts several versions of breezejs. The current version (1.5.2) is here: //cdnjs.cloudflare.com/ajax/libs/breezejs/1.5.2/breeze.min.js //cdnjs.cloudflare.com/ajax/libs/breezejs/1.5.2/breeze.base.min.js cdnjs updates when the breezejs npm package is updated in a semi-automated fashion....

Does CDN know which website the client is visiting when fetching jquery.min.js or other resource from CDN?

javascript,cdn

Yes, they can use the referer header field: The HTTP referer (originally a misspelling of referrer) is an HTTP header field that identifies the address of the webpage (i.e. the URI or IRI) that linked to the resource being requested. By checking the referrer, the new webpage can see where...

htaccess - Rewrite domain and exclude folders

apache,.htaccess,mod-rewrite,redirect,cdn

You can use this code in your DOCUMENT_ROOT/.htaccess file: RewriteEngine On RewriteCond %{HTTP_HOST} ^(?:www\.)?example\.com$ [NC] RewriteRule ^[^/]+/[^/]+/(.+?\.(?:jpe?g|png))$ http://cdn.example.com/$1 [L,NC,R=302] ...

Bootstrap CDN classes conflict?

css,twitter-bootstrap,cdn

You cannot use bootstrap's CSS from CDN and only apply the styles to certain elements only. The only way to exclude some styles is to recompile twitter-bootstrap and leave out all styles you don't want, respectively only include the one's you want. You can download the source here. Please note...

Remove trailing slash in .htaccess for CloudFront use

regex,apache,.htaccess,mod-rewrite,cdn

Did you try something like this? # Set "protossl" to "s" if we were accessed via https://. This is used later RewriteRule ^ - [E=protossl] RewriteCond %{HTTPS} on RewriteRule ^ - [E=protossl:s] RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ^(.*)/$ http%{ENV:protossl}://www.example.com/$1 [R=301,L] ...

How to configure/extend bind9 to be geographical aware?

dns,cdn

search for bind9 geoip http://www.caraytech.com/geodns/ What is it? A 40-line patch for BIND to add geographical filters support to the existent views in BIND. Look at it. What can I use it for? The most popular use of this patch is to send web site visitors to their nearest web...

Qtip2 loads a “jquery.qtip.min.map” from internet and slows down site

javascript,jquery,cdn,qtip,qtip2

The *.map file is a source map. It contains informations like function positions of the non-minified source code of Qtip2. Notice that I used the minified version of it on my webpage. Source maps help to develop with a postprocessed (e.g. minified) source code without losing the ability to look...

Why does CDN work, but a relative link does not?

css,cdn,font-awesome

The CSS file refers to font files using relative URLs. So when you copy the CSS, you also have to copy the font folder to MyProject/font-awesome/fonts. Basically, when you download the Font Awesome ZIP file, you should extract the entire thing into MyProject/font-awesome. This will get you the all the...

Bootstrap. Advice needed re local css file and CDN link

styles,cdn,sheet

It is always good to include the js and css cdn links in every page or u can download these and add it to your project and include as you include your stylesheet. Don't add cdn link to your css....

Windows azure CDN blob transactions bill

azure,transactions,blob,cdn

In answer to your first question, you will be billed for the second request for the image, but the cost will be minimal (from here): Any HTTP(S) request that terminates at the CDN is a billable event. This includes all response types, success, failure, or other. However, different responses may...

How to provide a local fallback for Font Awesome if CDN fails?

wordpress,cdn,font-awesome

How about this? <?php $test_url = @fopen('https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css','r'); if ( $test_url !== false ) { // Use CDN function load_external() { wp_enqueue_style( 'font-awesome', '//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css', false ); } add_action( 'wp_enqueue_scripts', 'load_external' ); } else { // Use local if url is not available function load_local() { wp_enqueue_style('font-awesome', get_template_directory_uri() . '/css/font-awesome/css/font-awesome.min.css',...

Rails 4 - Using CDN in Production

css,ruby-on-rails-4,cdn,production-environment

I guess I found the solution. It's unbelievably silly. Just run the following on your local machine rake assets:precompile RAILS_ENV=production ...

Can you use Azure CDN without having to upload the files to Azure storage?

azure,windows-azure-storage,cdn

It's not possible. Azure will not allow you to configure arbitrary domain as origin domain to support origin content pull. The only available targets are existing azure website, cloudservice or storage account.

How to use a pre-built Webpack bundle from CDN in a Webpack project

reactjs,bundle,cdn,production,webpack

In your webpack config you can use the externals option which will import the module from the environment instead of trying to resolve it normally: // webpack.config.js module.exports = { externals: { 'react': 'React' } ... }; Read more here: http://webpack.github.io/docs/library-and-externals.html...