\u5be6\u65bd\u5f37\u5927\u7684\u5167\u5bb9\u5b89\u5168\u653f\u7b56\u4ee5\u6e1b\u8f15XSS\u548c\u8cc7\u6599\u6ce8\u5165\u653b\u64ca\u3002\u5c07\u4ee5\u4e0b\u6a19\u982d\u6dfb\u52a0\u5230\u60a8\u7684Apache\u914d\u7f6e\u6216.htaccess\u6a94\u6848\u4e2d\uff1a<\/p>\n

Header set Content-Security-Policy \"default-src 'self'; script-src 'self' https:\/\/trusted-cdn.com; style-src 'self' https:\/\/trusted-cdn.com; img-src 'self' data: https:; font-src 'self' https:\/\/trusted-font-provider.com; frame-src 'none'; object-src 'none';\"<\/code><\/pre>\n
\u6b64CSP\u5c07\u8cc7\u6e90\u8f09\u5165\u9650\u5236\u5728\u53d7\u4fe1\u4efb\u7684\u4f86\u6e90,\u5927\u5927\u964d\u4f4e\u4e86\u60e1\u610f\u8173\u672c\u6ce8\u5165\u7684\u98a8\u96aa\u3002<\/p>\n
[\/vc_column_text][\/vc_column][\/vc_row][vc_row el_class=”blog-detail-section”][vc_column][vc_column_text]<\/p>\n
\u63d0\u5347\u6548\u80fd\uff1a\u512a\u5316\u6280\u8853<\/strong><\/h2>\n
\u512a\u5316\u60a8\u7684\u7db2\u7ad9\u4ee5\u5be6\u73fe\u9583\u96fb\u822c\u7684\u8f09\u5165\u901f\u5ea6\uff1a<\/p>\n
1. \u5229\u7528\u5167\u5bb9\u5206\u767c\u7db2\u8def(CDN)<\/h3>\n
\u5be6\u65bdCloudflare\u4ee5\u589e\u5f37\u901f\u5ea6\u548c\u5b89\u5168\u6027\uff1a<\/p>\n
\/\/ \u6dfb\u52a0\u5230.htaccess\r\n<IfModule mod_rewrite.c>\r\nRewriteEngine On\r\nRewriteCond %{HTTP:CF-Visitor} '\"scheme\":\"http\"'\r\nRewriteRule ^(.*)$ https:\/\/%{HTTP_HOST}\/$1 [L,R=301]\r\n<\/IfModule><\/code><\/pre>\n
\u70ba\u9032\u4e00\u6b65\u512a\u5316CDN\u4f7f\u7528,\u8003\u616e\u5be6\u65bdCloudflare Workers\u4ee5\u7372\u5f97\u908a\u7de3\u904b\u7b97\u80fd\u529b\u3002\u9019\u88e1\u6709\u4e00\u500b\u7c21\u55ae\u7684Worker\u8173\u672c,\u53ef\u4ee5\u4fee\u6539\u56de\u61c9\u6a19\u982d\uff1a<\/p>\n
addEventListener('fetch', event => {\r\n  event.respondWith(handleRequest(event.request))\r\n})\r\n\r\nasync function handleRequest(request) {\r\n  const response = await fetch(request)\r\n  const newResponse = new Response(response.body, response)\r\n  \r\n  newResponse.headers.set('X-Custom-Header', 'Powered by Edge Computing')\r\n  newResponse.headers.set('Cache-Control', 'public, max-age=3600')\r\n  \r\n  return newResponse\r\n}<\/code><\/pre>\n
2. \u4f7f\u7528WebP\u512a\u5316\u5716\u50cf<\/h3>\n
\u4f7f\u7528cwebp\u5c07\u5716\u50cf\u8f49\u63db\u70baWebP\u683c\u5f0f\uff1a<\/p>\n
cwebp -q 80 image.png -o image.webp<\/code><\/pre>\n
\u5be6\u65bd\u4e00\u500b\u8173\u672c,\u5728\u652f\u63f4\u6642\u81ea\u52d5\u8f49\u63db\u548c\u63d0\u4f9bWebP\u5716\u50cf\uff1a<\/p>\n
<?php\r\nfunction serve_webp_image($file, $mime) {\r\n    $file_webp = substr($file, 0, strrpos($file, '.')) . '.webp';\r\n    if (file_exists($file_webp) && isset($_SERVER['HTTP_ACCEPT']) && strpos($_SERVER['HTTP_ACCEPT'], 'image\/webp') !== false) {\r\n        header('Content-Type: image\/webp');\r\n        readfile($file_webp);\r\n    } else {\r\n        header('Content-Type: ' . $mime);\r\n        readfile($file);\r\n    }\r\n    exit;\r\n}\r\n\r\n$file = 'path\/to\/your\/image.jpg';\r\nserve_webp_image($file, 'image\/jpeg');\r\n?><\/code><\/pre>\n
[\/vc_column_text][\/vc_column][\/vc_row][vc_row el_class=”blog-detail-section”][vc_column][vc_column_text]<\/p>\n
\u65b0\u8208\u6280\u8853\uff1a\u70ba\u672a\u4f86\u505a\u6e96\u5099<\/strong><\/h2>\n
\u901a\u904e\u63a1\u7528\u5c16\u7aef\u6280\u8853\u4f86\u4fdd\u6301\u9818\u5148\u5730\u4f4d,\u9019\u4e9b\u6280\u8853\u53ef\u4ee5\u986f\u8457\u63d0\u9ad8\u60a8\u7db2\u7ad9\u7684\u6548\u80fd\u548c\u4f7f\u7528\u8005\u9ad4\u9a57\u3002<\/p>\n
1. \u5be6\u65bdHTTP\/3<\/h3>\n
\u57fa\u65bcQUIC\u5354\u8b70\u69cb\u5efa\u7684HTTP\/3\u63d0\u4f9b\u4e86\u66f4\u597d\u7684\u6548\u80fd,\u7279\u5225\u662f\u5728\u884c\u52d5\u7db2\u8def\u4e0a\u3002\u8981\u5728Nginx\u4e0a\u555f\u7528HTTP\/3,\u9996\u5148\u78ba\u4fdd\u60a8\u6709\u652f\u63f4\u5b83\u7684\u7248\u672c(1.16.1+),\u7136\u5f8c\u5c07\u4ee5\u4e0b\u5167\u5bb9\u6dfb\u52a0\u5230\u60a8\u7684\u914d\u7f6e\u4e2d\uff1a<\/p>\n
http {\r\n    server {\r\n        listen 443 quic reuseport;\r\n        listen 443 ssl http2;\r\n        \r\n        ssl_protocols TLSv1.3; # QUIC\u9700\u8981TLS 1.3\r\n        \r\n        # \u555f\u7528QUIC\u548cHTTP\/3\r\n        add_header Alt-Svc 'h3=\":443\"; ma=86400';\r\n    }\r\n}\r\n<\/code><\/pre>\n
2. \u63a2\u7d22WebAssembly<\/h3>\n
WebAssembly(Wasm)\u5141\u8a31\u5728\u700f\u89bd\u5668\u4e2d\u904b\u884c\u9ad8\u6548\u80fd\u7a0b\u5f0f\u78bc\u3002\u9019\u88e1\u6709\u4e00\u500b\u5728JavaScript\u4e2d\u4f7f\u7528WebAssembly\u7684\u7c21\u55ae\u793a\u4f8b\uff1a<\/p>\n
\/\/ WebAssembly\u6a21\u7d44(\u7528C\u7de8\u5beb\u4e26\u7de8\u8b6f\u70baWasm)\r\nint add(int a, int b) {\r\n    return a + b;\r\n}\r\n\r\n\/\/ JavaScript\r\nWebAssembly.instantiateStreaming(fetch('math.wasm'))\r\n.then(result => {\r\n    const add = result.instance.exports.add;\r\n    console.log(add(5, 3)); \/\/ \u8f38\u51fa: 8\r\n});\r\n<\/code><\/pre>\n
\u901a\u904e\u7d50\u5408\u9019\u4e9b\u65b0\u8208\u6280\u8853,\u60a8\u4e0d\u50c5\u53ef\u4ee5\u512a\u5316\u7576\u524d\u60c5\u6cc1,\u9084\u53ef\u4ee5\u70ba\u60a8\u7684\u7db2\u7ad9\u5728\u4e0d\u65b7\u767c\u5c55\u7684\u6578\u4f4d\u74b0\u5883\u4e2d\u672a\u96e8\u7da2\u7e46\u3002<\/p>\n
[\/vc_column_text][\/vc_column][\/vc_row][vc_row el_class=”blog-detail-section”][vc_column][vc_column_text]<\/p>\n
\u7d50\u8ad6\uff1a\u5728\u6578\u4f4d\u7af6\u8cfd\u4e2d\u4fdd\u6301\u9818\u5148<\/strong><\/h2>\n
\u901a\u904e\u5be6\u65bd\u9019\u4e9b\u9ad8\u7d1a\u6280\u8853,\u5f9e\u5f37\u5927\u7684\u5b89\u5168\u63aa\u65bd\u5230\u5c16\u7aef\u7684\u6548\u80fd\u512a\u5316\u548c\u65b0\u8208\u6280\u8853,\u6280\u8853\u5c08\u696d\u4eba\u58eb\u53ef\u4ee5\u5275\u5efa\u5b89\u5168\u3001\u9ad8\u6548\u80fd\u7684\u7db2\u7ad9,\u5728\u641c\u5c0b\u6392\u540d\u548c\u4f7f\u7528\u8005\u9ad4\u9a57\u65b9\u9762\u8868\u73fe\u51fa\u8272\u3002\u8acb\u8a18\u4f4f,\u6578\u4f4d\u74b0\u5883\u5728\u4e0d\u65b7\u767c\u5c55,\u56e0\u6b64\u4fdd\u6301\u8b66\u60d5,\u4e0d\u65b7\u66f4\u65b0\u60a8\u7684\u7b56\u7565,\u4e26\u63a5\u53d7\u65b0\u6280\u8853,\u4ee5\u4fdd\u6301\u60a8\u5728\u7db2\u7ad9\u5b89\u5168\u548c\u512a\u5316\u65b9\u9762\u7684\u7af6\u722d\u512a\u52e2\u3002<\/p>\n
[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"
[vc_row el_class=”blog-detail-section”][vc_ […]<\/p>\n
Read More…<\/a><\/p>\n","protected":false},"author":2,"featured_media":15393,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[61],"tags":[3378,3379,1859,1667,1459],"class_list":["post-15414","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hong-kong-dedicated-server-tc","tag-http-3-tc","tag-content-security-policy-tc","tag-website-security-tc","tag-performance-tuning-tc","tag-ssl-certificates-tc"],"acf":[],"yoast_head":"\n