パフォーマンスはウェブサイトの死活問題となります。表示スピードが早ければ早いほど、離脱率が低くなる傾向があります。もちろんAMPの対応するウェブページを作ったほうが一番ですが、レガシーのウェブサイトをなかなか簡単にAMP化できないのは現実です。なので、パフォーマンスの改善をまずやりましょう。
投稿数 90 件(61 ~ 70件目)
![リスタートし続かるdockerコンテナーに入って調査](/blog/static/b545afc56fa360a33a5262ceb2375ad3/c40b6/topImage.jpg)
リスタートし続かるdockerコンテナーに入って調査
時々dockerコンテナーに入って調査する必要があります。コンテナーが正しく起動されたら、下記のコマンドで簡単に入れますが、エラーが発生して停止され、もしくは永遠に最起動中になっているコンテナーにどう入ればいいでしょうか?
![Netlifyのfunctionsにexpress-graphQLをデプロイしてみた](/blog/static/ff464da16afb9fbb03e443016f4b69dd/c40b6/topImage.jpg)
Netlifyのfunctionsにexpress-graphQLをデプロイしてみた
Netlifyでサーバーレスのアーキテクチャを無料で構築できることご存知ですか?今日はNetlifyの`functions`を使って、express + serverless + GraphQLの`HelloWorld`を作ってデプロイしてみましょう。
![LazyLoad GoogleMap](/blog/static/e9fe8ac786a64a8508508a97e5df439b/c40b6/topImage.jpg)
LazyLoad GoogleMap
地図付きのウェブページと言えば、GoogleMapでしょう。GoogleMapApiが簡単で使いやすくとても助かります。ただし、GoogleMapの導入により、ウェブページのパフォーマンス(ローディングスピード)の落ちることに注意しなければいけません。
![ウェブサイト開発のレガシーvsモダン](/blog/static/4b9729c8f174a4dfc331881d079d7027/c40b6/topImage.jpg)
ウェブサイト開発のレガシーvsモダン
Reactを触ってからMVCでプロジェクトを開発するチャンスがだんだん少なくなってきました。最近人気の開発手法はフロント側React, Vue, AngularJSとなり、バックエンド側はGraphQL、LambdaまたAPIサーバーとなります。レガシーならMVC+jQueryとなるでしょう。
![ランディングページに問い合わせフォームのサードパーティ・ コードの遅延](/blog/static/fa49806b65bfc9a5d948e229921fa95a/c40b6/topImage.jpg)
ランディングページに問い合わせフォームのサードパーティ・ コードの遅延
ランディングページはユーザが最初にアクセスするページとなります。いつもトップページのことを指しています。 有意義なコンテンツをトップページに置くことで、アクセスしてきたユーザにアピールできるでしょう。 thundermiracle.comをリニューアルするとき、Netlify…