search

serlo / frontend

Next.js app that serves serlo.org
https://serlo.org
Apache License 2.0
38 stars 10 forks source link

Improve performance of lumi integration #3063

Closed Entkenntnis closed 11 months ago

Entkenntnis commented 11 months ago

some tweaks:

Entkenntnis commented 11 months ago

for reference: I will focus on H5P.DragQuestion 1.14 and these assets:

<link rel="stylesheet" href="/api/frontend/lumi/proxy/core/styles/h5p.css?version=1.24-master"/>
    <link rel="stylesheet" href="/api/frontend/lumi/proxy/core/styles/h5p-confirmation-dialog.css?version=1.24-master"/>
    <link rel="stylesheet" href="/api/frontend/lumi/proxy/core/styles/h5p-core-button.css?version=1.24-master"/>
    <link rel="stylesheet" href="/api/frontend/lumi/proxy/libraries/H5P.AdvancedText-1.1/text.css?version=1.1.14"/>
    <link rel="stylesheet" href="/api/frontend/lumi/proxy/libraries/FontAwesome-4.5/h5p-font-awesome.min.css?version=4.5.4"/>
    <link rel="stylesheet" href="/api/frontend/lumi/proxy/libraries/jQuery.ui-1.10/h5p-jquery-ui.css?version=1.10.22"/>
    <link rel="stylesheet" href="/api/frontend/lumi/proxy/libraries/H5P.FontIcons-1.0/styles/h5p-font-icons.css?version=1.0.11"/>
    <link rel="stylesheet" href="/api/frontend/lumi/proxy/libraries/H5P.JoubelUI-1.3/css/joubel-help-dialog.css?version=1.3.19"/>
    <link rel="stylesheet" href="/api/frontend/lumi/proxy/libraries/H5P.JoubelUI-1.3/css/joubel-message-dialog.css?version=1.3.19"/>
    <link rel="stylesheet" href="/api/frontend/lumi/proxy/libraries/H5P.JoubelUI-1.3/css/joubel-progress-circle.css?version=1.3.19"/>
    <link rel="stylesheet" href="/api/frontend/lumi/proxy/libraries/H5P.JoubelUI-1.3/css/joubel-simple-rounded-button.css?version=1.3.19"/>
    <link rel="stylesheet" href="/api/frontend/lumi/proxy/libraries/H5P.JoubelUI-1.3/css/joubel-speech-bubble.css?version=1.3.19"/>
    <link rel="stylesheet" href="/api/frontend/lumi/proxy/libraries/H5P.JoubelUI-1.3/css/joubel-tip.css?version=1.3.19"/>
    <link rel="stylesheet" href="/api/frontend/lumi/proxy/libraries/H5P.JoubelUI-1.3/css/joubel-slider.css?version=1.3.19"/>
    <link rel="stylesheet" href="/api/frontend/lumi/proxy/libraries/H5P.JoubelUI-1.3/css/joubel-score-bar.css?version=1.3.19"/>
    <link rel="stylesheet" href="/api/frontend/lumi/proxy/libraries/H5P.JoubelUI-1.3/css/joubel-progressbar.css?version=1.3.19"/>
    <link rel="stylesheet" href="/api/frontend/lumi/proxy/libraries/H5P.JoubelUI-1.3/css/joubel-ui.css?version=1.3.19"/>
    <link rel="stylesheet" href="/api/frontend/lumi/proxy/libraries/H5P.JoubelUI-1.3/css/joubel-icon.css?version=1.3.19"/>
    <link rel="stylesheet" href="/api/frontend/lumi/proxy/libraries/H5P.Question-1.5/styles/question.css?version=1.5.6"/>
    <link rel="stylesheet" href="/api/frontend/lumi/proxy/libraries/H5P.Question-1.5/styles/explainer.css?version=1.5.6"/>
    <link rel="stylesheet" href="/api/frontend/lumi/proxy/libraries/H5P.DragQuestion-1.14/css/dragquestion.css?version=1.14.9"/>
    <script src="/api/frontend/lumi/proxy/core/js/jquery.js?version=1.24-master"></script>
    <script src="/api/frontend/lumi/proxy/core/js/h5p.js?version=1.24-master"></script>
    <script src="/api/frontend/lumi/proxy/core/js/h5p-event-dispatcher.js?version=1.24-master"></script>
    <script src="/api/frontend/lumi/proxy/core/js/h5p-x-api-event.js?version=1.24-master"></script>
    <script src="/api/frontend/lumi/proxy/core/js/h5p-x-api.js?version=1.24-master"></script>
    <script src="/api/frontend/lumi/proxy/core/js/h5p-content-type.js?version=1.24-master"></script>
    <script src="/api/frontend/lumi/proxy/core/js/h5p-confirmation-dialog.js?version=1.24-master"></script>
    <script src="/api/frontend/lumi/proxy/core/js/h5p-action-bar.js?version=1.24-master"></script>
    <script src="/api/frontend/lumi/proxy/core/js/request-queue.js?version=1.24-master"></script>
    <script src="/api/frontend/lumi/proxy/libraries/H5P.AdvancedText-1.1/text.js?version=1.1.14"></script>
    <script src="/api/frontend/lumi/proxy/libraries/jQuery.ui-1.10/h5p-jquery-ui.js?version=1.10.22"></script>
    <script src="/api/frontend/lumi/proxy/libraries/H5P.Transition-1.0/transition.js?version=1.0.4"></script>
    <script src="/api/frontend/lumi/proxy/libraries/H5P.JoubelUI-1.3/js/joubel-help-dialog.js?version=1.3.19"></script>
    <script src="/api/frontend/lumi/proxy/libraries/H5P.JoubelUI-1.3/js/joubel-message-dialog.js?version=1.3.19"></script>
    <script src="/api/frontend/lumi/proxy/libraries/H5P.JoubelUI-1.3/js/joubel-progress-circle.js?version=1.3.19"></script>
    <script src="/api/frontend/lumi/proxy/libraries/H5P.JoubelUI-1.3/js/joubel-simple-rounded-button.js?version=1.3.19"></script>
    <script src="/api/frontend/lumi/proxy/libraries/H5P.JoubelUI-1.3/js/joubel-speech-bubble.js?version=1.3.19"></script>
    <script src="/api/frontend/lumi/proxy/libraries/H5P.JoubelUI-1.3/js/joubel-throbber.js?version=1.3.19"></script>
    <script src="/api/frontend/lumi/proxy/libraries/H5P.JoubelUI-1.3/js/joubel-tip.js?version=1.3.19"></script>
    <script src="/api/frontend/lumi/proxy/libraries/H5P.JoubelUI-1.3/js/joubel-slider.js?version=1.3.19"></script>
    <script src="/api/frontend/lumi/proxy/libraries/H5P.JoubelUI-1.3/js/joubel-score-bar.js?version=1.3.19"></script>
    <script src="/api/frontend/lumi/proxy/libraries/H5P.JoubelUI-1.3/js/joubel-progressbar.js?version=1.3.19"></script>
    <script src="/api/frontend/lumi/proxy/libraries/H5P.JoubelUI-1.3/js/joubel-ui.js?version=1.3.19"></script>
    <script src="/api/frontend/lumi/proxy/libraries/H5P.Question-1.5/scripts/question.js?version=1.5.6"></script>
    <script src="/api/frontend/lumi/proxy/libraries/H5P.Question-1.5/scripts/explainer.js?version=1.5.6"></script>
    <script src="/api/frontend/lumi/proxy/libraries/H5P.Question-1.5/scripts/score-points.js?version=1.5.6"></script>
    <script src="/api/frontend/lumi/proxy/libraries/H5P.DragQuestion-1.14/h5p-drag-question.js?version=1.14.9"></script>