Search code examples
htmlcssperformancecdn

Load Multiple Files from maxcdn at once


I am using bootstrap and font-awesome from max cdn like this

 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
    crossorigin="anonymous">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

as you can see it sending two different request for two different files is there any way to load these two files in one request


Solution

  • Use jsdelivr instead and Combine multiple files: https://www.jsdelivr.com/features

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/combine/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css,npm/font-awesome@4.7.0/css/font-awesome.min.css">